-
Posts
-
I’m trying to have the sidebar area be entireley white, but am unable to figure out how to do so. Would you please provide me with coding that makes the area to the right of the horizontal border white?
Thank you so much!
Hi hobeadmin!
Please try adding following code to Quick CSS
#main .container { background: white; } #main .container .content { background: #e0edfd; }Regards,
YigitI just tried adding that and it still doesn’t extend the white all the way to the edge of the white side.
http://hobeandlucas.wpengine.com/ (hosted on WPengine)
Hi!
Please add following code to Quick CSS as well
.inner_sidebar { margin-right: 50px; }Regards,
YigitThank you for the help! I added that coding and the white still does not stretch all the way to the edge of the right side of the page. Is there anything else I can do to make this happen?
Hi!
Do you mean that blue background here – http://i.imgur.com/3dJyPSE.png ?
If so, unfortunately it is not easily possible to change the background color of sidebar. We can change that too but then the right side of main content would be white as well.
I thought you wanted something like i posted in the screenshot that is why i provided you some kind of CSS hacks.Regards,
YigitIs there a way to make the homepage main content that blue and everything else white then? Could all of the other web pages have white backgrounds and the home page have that blue?
Hi!
Please use following code
#main .container { background: white; } .home #main .container .content { background: #e0edfd; }Best regards,
YigitThank you! Is there any way that the white background on inside pages can stretch to the edge of the page? http://hobeandlucas.wpengine.com/?page_id=13 (hosted on WPengine)
I actually just figured out how to fix that, but now would like the white strip on the left side of the home page to be blue somehow. Is there code for this? http://hobeandlucas.wpengine.com/ (hosted on WPengine)
Hey!
Are you referring to the left content? Maybe this will work:
.home #main .container .content:before { content: ''; display: block; width: 9999px; height: 9999px; background: #e0edfd; position: absolute; left: -9999px; top: -50%; }Cheers!
IsmaelThanks! I am referring to the strip of white to the left of the blue on the home page only. I tried that code, and it doesn’t seem to be working. I want the home page to be blue and all of the other pages to be white. I also want the sidebar to be white on every page. Right now my code is:
#main .container { background: white; }
.home #main .container .content { background: #e0edfd; }.home #main .container .content:before {
content: '';
display: block;
width: 9999px;
height: 9999px;
background: #e0edfd;
position: absolute;
left: -9999px;
top: -50%;
}What else can I do to get rid of the white to the left of the blue background on the home page?
http://hobeandlucas.wpengine.com/ (hosted on WPengine)Hi!
Ismael code does work but it has some typos you need to fix (quotes) – http://screencast.com/t/stSAvNUtjwr
Cheers!
JosueI fixed the code, but it still is not doing what I want it to do. When viewing the home page of my website, I want the blue background to stretch to fill the entire area to the left of the white sidebar. Currently, there is a white strip running down the left side of the page, and I want this to be blue. What can I change in my coding to make this happen?
http://hobeandlucas.wpengine.com/ (hosted on WPengine)
Thanks for your help!
Hi!
Ismael’s code is still unfixed, if you manage to fix it you should get this result – http://screencast.com/t/okQfrlzj5 (is that what you want?).
Regards,
JosueYes, that is what I want. Would you mind please sending me that code? The previous screencast was cut off and I couldn’t read the entire thing.
Thank you!
Hi!
Here you go:
.home #main .container .content:before { content: ""; display: block; width: 9999px; height: 9999px; background: #e0edfd; position: absolute; left: -9999px; top: -50%; }Make sure the quotes in content: “” get inserted as actual quotes (“”).
Cheers!
Josue
- The topic ‘Sidebar’ is closed to new replies.