WordPress.org

Ready to get started?Download WordPress

Forums

WP2010- where to change color on background of page and post (4 posts)

  1. michaelgs
    Member
    Posted 4 years ago #

    Help,
    Changing "background in 2010 only changes the background of the screen.
    the pages and posts are stark white.
    I looked at the style CSS but cannot figure out where to change the background-color of my content pages and posts.
    Any help is appreciated.
    http://eclipsethemeparty.com

    Michael

  2. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    the background of what you could consider to be the page or post area is in div #main:

    either add a solid color to the style of #main around line 440 in style.css of 2010 theme:

    #main {
    	overflow: hidden;
    	padding: 40px 0 0 0;
        background-color: #123456;
    }

    this color would be a solid background including the sidebar area.

    or make a background image (horizontal slice, height 10px or less) width 940px with separate color regions for the main and the sidebar area (and/or a divider line) saved in the /images folder and reference it in style.css (for instance):

    #main {
    	overflow: hidden;
    	padding: 40px 0 0 0;
        	background: #123456 url(images/main_bg.png) center top repeat-y;
    }

    if you should use the page template without sidebar, you need to change the above style in style.css for this.

  3. michaelgs
    Member
    Posted 4 years ago #

    Thank you for your help.
    I tried it both ways
    #main {
    overflow: hidden;
    padding: 40px 0 0 0;
    background: http://eclipsethemeparty.com/images/backgrnd.png center top repeat-y;

    and I still have the same white page.
    What else can I try?
    Michael

  4. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    small adjustment to your code needed:

    #main {
    	overflow: hidden;
    	padding: 40px 0 0 0;
        	background: url(http://eclipsethemeparty.com/images/backgrnd.png) center top repeat-y;
    
    }

    also, to see the changes, you sometimes need to reload the page in the browser or clear the browser cache.

Topic Closed

This topic has been closed to new replies.

About this Topic