Page Body Color

  • Hello all,

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

    https://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.

Viewing 11 replies - 1 through 11 (of 11 total)

  • Hi Goluf,

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

    Thread Starter Goluf

    (@goluf)

    Hi J,

    Yes, the white.

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

    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;
}

    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 https://myportionandmycup.com/

    @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

    Good Guy

    (@mytaxsitecouk)

    @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:

    https://codex.www.ads-software.com/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.

    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.

    Thread Starter Goluf

    (@goluf)

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

    Good Guy

    (@mytaxsitecouk)

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

    #page {background-color: purple !important;

    Change the purple to its hex equivalent.

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

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Page Body Color’ is closed to new replies.