How do I remove the border around the main page (body)
-
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)
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.
Re: How do I remove the border around the main page (body)
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)
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.
I'm wondering if it's in the styles.css somewhere, but I cannot find it in there either.
-
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)
Hey Chunkee.... i found it, but I guess you'll have to change it manually each time you publish or build your project.
(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.
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;
}Re: How do I remove the border around the main page (body)
Did you try just adding the following to your topic stylesheet:
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.
Code: Select all
#contentBodyInner {
border:0;
}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)
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.