WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Changing the background color. (10 posts)

  1. FlashSoup
    Member
    Posted 6 years ago #

    Hi,

    I'm trying to change my site so that instead of having an all-white page, the posts and sidebar are white and the background is black. (So that it looks more like this.)

    I'm new to php and css and would appreciate a shove in the right direction.

    Thanks everyone.

    Jason Whiting

  2. Roy
    Member
    Posted 6 years ago #

    just look for "background" in your style.css, change the "color" argument and see what happens use "reload" to see the page again and turn off the cache plugin should you have any, while working).

  3. FlashSoup
    Member
    Posted 6 years ago #

    Yeah, this doesn't work. Whole page turns black.

  4. Roy
    Member
    Posted 6 years ago #

    http://wordpress.org/support/topic/171214?replies=6

    Just compare the files of the themes that I linked to in the previous threads. You'll find them to be very different. It's much easier to start with a theme that has the basics to your liking. Colours are much easier to change than the layout of a theme.

  5. FlashSoup
    Member
    Posted 6 years ago #

    Hi Gangleri,

    Like I already said in that previous post, I've spent a lot of time adjusting my current theme and I'm going to stick with it.

    I understand your opinion but it doesn't solve my problem. That's why I reposted.

    Thanks,

    Jason

  6. jberghem
    Member
    Posted 6 years ago #

    Try this:

    body {
    	background-image: url("images/bg.gif");
    	background-repeat: repeat-x;
            background-color: #000;
    	padding: 0px;
    	margin: 0px;
    	font-family: Arial;
    	font-size: 12px;
    }
    
    #mainbox {
            background-color: #fff;
    	margin: 0px auto;
    	width: 775px;
    }

    If you don't want the top graphic over the entire width of the window,
    Like this:

    body {
            background-color: #000;
    	padding: 0px;
    	margin: 0px;
    	font-family: Arial;
    	font-size: 12px;
    }
    
    #mainbox {
     	background-image: url("images/bg.gif");
    	background-repeat: repeat-x;
            background-color: #fff;
    	margin: 0px auto;
    	width: 775px;
    }
  7. FlashSoup
    Member
    Posted 6 years ago #

    Thanks jberghem. I'll give it a try.

  8. FlashSoup
    Member
    Posted 6 years ago #

    Excellent!

    Thanks so much. That definitely changes the colors on the sides. Now that I know that it's possible I think I'll be off to learn a whole lot more about margins and padding...

    Thanks again.

    J. Whiting

  9. jberghem
    Member
    Posted 6 years ago #

    If you want to learn more about CSS and XHTML, how to do it the right way instead of the looks alright way? Then follow Patrick Griffiths' tutorials on HTML Dog.Com I haven't seen a better and easier way to learn.

  10. FlashSoup
    Member
    Posted 6 years ago #

    Thanks for the link. I think I'll be living there for a bit.

    j.

Topic Closed

This topic has been closed to new replies.

About this Topic