How do I remove the border around the main page (body)

This forum is for all Flare issues related to styles, stylesheets and XML.
Post Reply
jimgilliam
Propeller Head
Posts: 96
Joined: Tue Jun 04, 2013 9:49 am
Location: Arkansas, U.S.A.

How do I remove the border around the main page (body)

Post by jimgilliam »

pageborder.PNG
I've changed the <body> tag to produce a black background for all my topics. Where is the style producing a white thin border around the page so that I can change it? I don't want the white border around my page.
You do not have the required permissions to view the files attached to this post.
:flare:
chunkee
Sr. Propeller Head
Posts: 121
Joined: Wed Mar 09, 2011 1:52 pm

Re: How do I remove the border around the main page (body)

Post by chunkee »

I am not sure, but I am wondering if that is the same thing I am trying to remove. Topic Container maybe in your Skin Editor at the bottom...?
jimgilliam
Propeller Head
Posts: 96
Joined: Tue Jun 04, 2013 9:49 am
Location: Arkansas, U.S.A.

Re: How do I remove the border around the main page (body)

Post by jimgilliam »

I thought that too, chunkee, at first. But Topic Container doesn't have a border property to change. I have the Background Color and Gradient both set to solid black.

I'm wondering if it's in the styles.css somewhere, but I cannot find it in there either.
:flare:
jimgilliam
Propeller Head
Posts: 96
Joined: Tue Jun 04, 2013 9:49 am
Location: Arkansas, U.S.A.

Re: How do I remove the border around the main page (body)

Post by jimgilliam »

Hey Chunkee.... i found it, but I guess you'll have to change it manually each time you publish or build your project. :evil: (How horrible, right?)

I changed it manually, saved the css file, and then re-built my project and it overwrites back to the white border. So, if you don't mind manually changing it after each publish/build, then open your Styles.css in an editor and look for the following code. Then just change the border settings from #e1e1e1 to whatever color you choose.

Code: Select all

#contentBodyInner
{
	background-color: #FFF;
	border-top: solid 1px #E1E1E1;
	border-right: solid 1px #E1E1E1;
	border-left: solid 1px #E1E1E1;
	position: absolute;
	right: 9px;
	bottom: 0;
	left: 9px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	top: 38px;
}
:flare:
LTinker68
Master Propellus Maximus
Posts: 7247
Joined: Thu Feb 16, 2006 9:38 pm

Re: How do I remove the border around the main page (body)

Post by LTinker68 »

Did you try just adding the following to your topic stylesheet:

Code: Select all

#contentBodyInner {
   border:0;
}
You'll have to add it manually to the stylesheet. Not sure it'll work, but give it a shot. If it works then it saves you from having to redo it after every build.
Image

Lisa
Eagles may soar, but weasels aren't sucked into jet engines.
Warning! Loose nut behind the keyboard.
jimgilliam
Propeller Head
Posts: 96
Joined: Tue Jun 04, 2013 9:49 am
Location: Arkansas, U.S.A.

Re: How do I remove the border around the main page (body)

Post by jimgilliam »

Hi Lisa. Yeah, I tried that before, and the border will still show up when you're using an iPad. So, changing the color was the best bet for me.
:flare:
Post Reply