Cutline Theme Support Forums » General

How to Change the background color outside of the Cutline Theme

(2 posts)
  • Started 1 year ago by OldMan
  • Latest reply from MarcAnthony

  1. OldMan
    Member

    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....?????

    Posted 1 year ago #
  2. MarcAnthony
    Member

    This was very helpful

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.