content background color

  • Unknown's avatar
    branalia · Member ·

    I want to change the background for the content from the stark white to another color. What is the CSS code for that? I’ve got the following, but it doesn’t make any difference:

    .site-content {
    background-color: #d2ceef;
    }

    Thanks

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

  • Unknown's avatar
    jennysihua · Member ·

    Hi @branalia,

    Where are you inputting the CSS? Note that CSS will only work if you have Custom CSS via a WordPress plan. If you have a plan, then type the CSS into the CSS section of the Customizer (accessed via My Sites -> Customize).

    I just tried inputting the CSS
    .site-content {background-color: #d2ceef;}
    into my site using your theme, and it worked. However, it only changed the color for the content area of my page; the header and footer remained white. The following CSS will change the color of the entire white region of your site:

    .site-inner {
	background-color: #d2ceef;
}

    Hope that helps!

    Jenny

  • Unknown's avatar
    branalia · Member ·

    Thanks for the response, but let me clarify.

    I am using Apostrophe 2. I have a WordPress plan that allows updated CSS settings via the customize option. The background shows the correct content background color when viewed on a mobile platform, but not on the desktop. Is it a problem with the theme? Or is there another CSS code I need to use to get the desktop to show correctly?

    Thanks

  • Unknown's avatar
    jennysihua · Member ·

    Hi @branalia,

    When I go to bdbookworm.wordpress.com, the theme I see is Twenty Sixteen. To change the background color for that theme, use the CSS I posted above.

    To change the background color for Apostrophe 2, try the below:

    body.custom-background  {
	background-color: #d2ceef;
}

    If you want the entire site (including the content area) to show up as color #d2ceef, use the following:

    body.custom-background, #page {
	background-color: #d2ceef;
}

    Let me know if that helps!

  • Unknown's avatar
    branalia · Member ·

    The blog address is wrong, sorry. It really is Apostrophe 2.

    That does help, thank you. But I just need the white-space changed, not the whole thing.

  • Unknown's avatar
    jennysihua · Member ·

    Hi @branalia,

    Is your goal to change the background color of the content area of your blog? If so, the following should work:

    #page {
	background-color: #d2ceef;
}

    If you are looking to change some other part of your blog, can you please share the blog address, so that I can see which part of the site you are trying to change?

  • The topic ‘content background color’ is closed to new replies.