not resolvedI just KNOW that this is simple, but at the moment I'm stumped. What do I add to the css to set that background color of pages in Cutline (the area around the active blog elements).
To say, everything outside the border of the blog to #FFCCCC, and everything inside the border to white?
Thanks!
Barry
I have the exact same question. I am sure that there is an easy answer to it...but I can NOT seem to figure it out! Please help! I want my blog to have a color on the far right and left sides of the blog, but everything else should have white. How can I do this?? Thank you! My site is http://www.cultureshock.kristiejoy.net
change the #container {background-color: #FFCCCC}
You may have to also do this to the #footer element or you may have to change it's float property to none if the color doesn't extent all the way down..
To Kristie... you want to change the color only in the #content section.. and set the #sidebar sections to different colors..
If you go in the Style sheet under the about cutline info you will see body { background: the color code is next,change that to want you want.
Next go down to container and add background: plus your color code
but do it to all of them in the container area reason it will now work in Foxfire.
#container { width: 970px; margin: 15px auto 0 auto; backgound: #Ffffff: }
#content_box { width: 970px; text-align: left; float: left; clear: both; background: #ffffff; }
#content { width: 500px; padding: 0 0 0 20px; float: left; backgound: #Ffffff; }
#sidebar { width: 210px; padding: 0 0 0 15px; float: right;backgound: #Ffffff; }
#l_sidebar { width: 210px; padding: 0 0 0 15px; float: left; backgound: #Ffffff; }
#footer { width: 970px; padding: 1.2em 0 0 0; border-top: 2px solid #ccc; float: left; clear: both; backgound: #Ffffff; }
After that review your site refresh and you will find the container area has changed to white or what ever color you chose The above code is for white.
You will see that the Nav bar background color is the same as your outside background color.
to change to white or whatever color you want go scroll down until you reach the following:
ul#nav { list-style: none; width: 950px; padding: 0 10px; background: url('images/hr_dot_black.gif') repeat-x; border-bottom: 3px solid #000; float: left; clear: both; background: #ffffff; }
ul#nav li { padding: 0.85em 40px 0.7em 0; font: bold 1.4em Helvetica, Arial, sans-serif; text-transform: uppercase; float: left; background: #ffffff; }
ul#nav li a, ul#nav li a:visited { color: #000; text-decoration: none; background: #ffffff; }
ul#nav li a:hover { color: #000; text-decoration: underline; background: #ffffff; }
ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover { color: #090; text-decoration: underline; background: #ffffff; }
ul#nav li.rss { padding: 0.85em 0 0.7em 0; float: right; background: #ffffff; }
ul#nav li.rss a { padding: 0 18px 0 0; background: url('images/icon_rss.gif') 100% 50% no-repeat; }
And add your new Backgroud color to each except the last which I found wiped out the RSS Logo.
Now you just have that nasty background color bar between the Header Graphic and the container.....Still try to finget that one out.....part of the Header Graphic placement
But....?????
Good Luck
OldMan
You will see that the Nav bar background color is the same as your outside background color.bentley access luggage
You must log in to post.