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
(8 posts)-
Posted 3 years ago #
-
This was very helpful
Posted 2 years ago # -
Thanks so much for that code! It made it so much easier to make a few changes (colors, borders, that sort of thing) and it wasn't so overwhelming! You seem like a pretty smart person so I was wondering if you know the answer to this question: how does fushigi work?
Posted 1 year ago # -
Thanks so much for that code! It made it so much easier to make a few changes (colors, borders, that sort of thing) and it wasn't so overwhelming!
Posted 1 year ago # -
The code you have written works just fine. But isn’t there some easy way if you are using world press 2.7.i am still using cut line , it is now some what easy since cut line version 1.4 and 2.2 supports world press 2.7.I changed my blog background colors by making changes in world press admin area. First you need to log in and then expand appearance. Find editor/style sheet tab ,click on it and change the background color from #fff to any of your preferred colors. direct sat
Posted 1 year ago # -
This is such a big help. i've been wondering about the very same issue myself recently. Glad to see an individual on the same wavelength! http://usedjohndeeretractors.org
Posted 11 months ago # -
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; }
http://erinlarsen.com/Posted 11 months ago # -
Your article truly did turn the light on for me as far as this particular subject matter goes. Nevertheless there is one particular issue I am not necessarily too comfortable with and while I make an effort to reconcile that with the actual main idea of your position, allow me observe exactly what the rest of the subscribers have to point out.Very well done. porch swings wooden porch swings porch swing cushions
Posted 9 months ago #
Reply
You must log in to post.