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 Background 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 trying to finger that one out.....part of the Header Graphic placement
But....?????
Cutline Theme Support Forums » General
How to Change the background color outside of the Cutline Theme
(2 posts)-
Posted 1 year ago #
-
This was very helpful
Posted 1 year ago #
Reply
You must log in to post.