Home>Support>Background Color of Posts

Background Color of Posts

By Lorraine Lorenz, 9 years ago. Last reply by Magus, 9 years ago.

Hi, I can’t figure out how to put in a css code that will change the background for all posts to white (#ffffff). I just want the posts to be white, not the entire page background.

Thanks, Lorraine

Home

URL: http://www.nutritionfromscratch.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 1 month ago Magus
    Hi, I Work Here

    Hi Lorraine

    Please try adding this to Appearance->Custom CSS

    .single-post #primary {
    background-color: #fff;
    padding: 10px;
}

    Let us know how you get on

    Magus

    • 9 years, 1 month ago Lorraine Lorenz

      Thank you Magus, but that didn’t work.

  2. 9 years, 1 month ago Lorraine Lorenz

    I tried that and it didn’t work….

  3. 9 years, 1 month ago Magus
    Hi, I Work Here

    Hi Lorraine

    I have just had a look at the site and the post background is showing as white for me

    http://www.nutritionfromscratch.com/cheesy-stuffed-zucchini/

    If it is not showing as white for you please try clearing your browser cache and test again

    Magus

    • 9 years, 1 month ago Lorraine Lorenz

      Magus,

      Thank you so much, I do see that is working now, however, I was wanting the background of each post to be white on the main page: http://www.nutritionfromscratch.com/blog/

      You can see the individual posts here, but the background is not white….

      Thanks again!

  4. 9 years, 1 month ago Jody Mitoma

    If you could inform me how to do this exact thing, but with the sidebar also, that would mean the WORLD to me!

    Thank you Lorraine for asking about this in the first place – I’ve done it with my website as well. :) http://www.soyeg.club.

    Magus, I know I’m not supposed to hijack threads – but this is almost identical, I just need to know what I would replace “.single-post” with for the sidebar to have a different colored background as well.

    THANK YOU!! :)

  5. 9 years, 1 month ago Magus
    Hi, I Work Here

    Hi Lorraine

    Please try this in Custom CSS

    .blog article {
    background-color: #fff !important;
}

    @Jody

    To make the sidebar white you would need to use the following in Appearance->Custom CSS

    /* For ALL Pages */
#secondary, #secondary .widget {
    background-color: #fff;
}
 /*For Blog page Only*/
.blog #secondary, .blog #secondary .widget {
    background-color: #fff;
}

    Magus

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More