Changing Background Color Of Content Area

  • Unknown's avatar
    ringling9 · Member ·

    I want to change the color of the content area and the sidebar on my website. I don’t have the CSS upgrade yet, but am going to get it soon. What is the code to change the color and where do I put the code in the style sheet? My blog is http://www.Ringling9.Wordpress.Com

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    timethief · Member ·

    After you have purchased the CSS editing upgrade is the appropriate time to ask for this help. :)

  • Unknown's avatar
    thesacredpath · Member ·

    Consider this a Holiday gift. Really though you need to get familiar with CSS and how it relates to the markup (XHTML). A great tool to help with CSS is the Firebug add-on for Firefox. Get to know it and then start discovering how the CSS and markup are related. You cannot do CSS editing without understanding that relationship. There are a lot of online tutorials out there to get you started and a lot of very good resources.

    .pagewrapper {
background: none no-repeat scroll left bottom #FF0000;
}

#page {
background: none no-repeat scroll 0 0 #FF0000;
}

.content {
background: none no-repeat scroll left top #CCCCCC;
}	

.sidebar ul li, .obar ul li {
background: none no-repeat scroll left top transparent;
}

    What I’ve done above is to remove the various background images that make up the content area and then added a color declaration. The colors I’ve used are just placeholders so you can change them as needed. Also, do not past the entire CSS into the edit window. Put ONLY the specific selectors and specific declarations you are changing or adding into the CSS edit window otherwise it will severely mess things up.

  • The topic ‘Changing Background Color Of Content Area’ is closed to new replies.