WordPress.org

Ready to get started?Download WordPress

Forums

Brunelleschi
Page Body Color (12 posts)

  1. Goluf
    Member
    Posted 1 year ago #

    Hello all,

    I'm trying to change the color of the body of this page on my website:

    http://kylequarles.com/forum/

    When I use this css. code,

    body.page-id-2 {
    background-color: #000;
    }

    it only changes the color of the inch margins on either side, and not the actual content and background color of the forum. Apparently when I type "background-color" it's thinking what I call margins. What code should I use to specify the main body of the page and change its color? I've checked many tutorials and they aren't helpful.

  2. J
    Member
    Posted 1 year ago #

    Hi Goluf,

    What color on the page are you trying to change? I assume your talking about the white background?

  3. Goluf
    Member
    Posted 1 year ago #

    Hi J,

    Yes, the white.

  4. FredrixDesign
    Member
    Posted 1 year ago #

    On line 586 in your style.css you'll find background: white; change that to whatever color.

  5. J
    Member
    Posted 1 year ago #

    Ok its not the body color you want to change it's the wrapper. So the style is currently :

    #wrapper {
        background: none repeat scroll 0 0 #FFFFFF;
        margin: 0 auto;
        max-width: 960px;
        overflow: hidden;
    }

    To change it to black change it to

    #wrapper {
        background: none repeat scroll 0 0 #000;
        margin: 0 auto;
        max-width: 960px;
        overflow: hidden;
    }
  6. MamaMeister
    Member
    Posted 1 year ago #

    I'm having the same problem with my website. I want the background of the page to be the same lavender/purple color as the other background/margin. My pages are just blogs and other informational pages, but I want them all with the same background color. The above suggestions aren't doing it for me. I can only change the background which is just a margin around the pages. I've tried
    body { background-color: #d2a9e0;}
    but that's not working either. I'm new at this, so I just need the basics. This is the only thing I need to do that doesn't have a widget or easy way to change it.

    The website is http://myportionandmycup.com/

  7. FredrixDesign
    Member
    Posted 1 year ago #

    @MamaMeister

    Your frontpage, your blog and all your pages all share the same purple background-color. You want the white background - where you keep your content - to be the same purple color?

    Regards,
    Frederick Andersen

  8. Good Guy
    Member
    Posted 1 year ago #

    @MamaMeister,

    If yo0u want to change the purple color to white then this simple code does the trick.

    body {
    background-color: white !important;
    }

    Copy the above code as it is and paste it in the style.css of your "child theme". If you are not using the child theme then it is time to start using it. To read about it go to this link:

    http://codex.wordpress.org/Child_Themes

    Always use the child theme so that you can change the files as you wish without worrying about breaking anything else.

    Good luck.

  9. MamaMeister
    Member
    Posted 1 year ago #

    Yes, Frederick, the site owner wants all the pages (where the content is) to share the purple background color. Now they are white. Thanks for any help you can give me.

  10. Goluf
    Member
    Posted 1 year ago #

    Thanks for the input all. Is there anyway to change this only for one specific page?

  11. Good Guy
    Member
    Posted 1 year ago #

    The contents can have a background color of purple like this:

    #page {background-color: purple !important;

    Change the purple to its hex equivalent.

  12. MamaMeister
    Member
    Posted 1 year ago #

    Thanks, mytaxsite! It worked! You're a lifesaver.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic