Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #258412

    muglife
    Participant

    Hi,

    I see a lot of info on changing the background color of the site in customizer, but I can’t find how to change the background color of my posts.

    How do I change the background color of each post?

    Sorry if this is obvious.

    Thank you much,

    Mike

    #258552

    Christian
    Moderator

    Hey Mike,

    Please add the code below in your Appearance > Customize > Custom > CSS.

    .red {
      background: red;
    }

    Then, add red as a Body CSS Class of your post in the Post Settings (see http://prntscr.com/6y88oj).

    Change red as per your needs. Please see http://cloford.com/resources/colours/500col.htm or http://www.color-hex.com/ for more CSS colors.

    Hope that helps. 🙂

    #258958

    muglife
    Participant

    Thank you very much for the help.

    Unfortunately, this doesn’t achieve what I’m trying to do. My original question may have been poorly worded, sorry.

    When I originally imported all of the demo content for the Renew theme, the blog had multiple posts in there. Each has a different background color. I’m trying to figure out how that was achieved and control those colors.

    I guess I’m looking to change the background color of the content area, rather than the entire post background.

    When I did what you suggested, the background was changed to red, but the entire content area is still green, and looks to be governed by this:

    .format-standard .entry-wrap {
    color: #D1F2EB !important;
    background-color: #16A085 !important;
    }

    How do I control that background color, please?

    Appreciate it!

    Mike

    #259070

    Nico
    Moderator

    Hi There,

    Would you mind sharing us your admin credentials so we could check it closer.

    Thank you so much. Don’t forget to set it as private reply.

    #260456

    muglife
    Participant
    This reply has been marked as private.
    #260489

    Paul R
    Moderator

    Hi Mike,

    You can use the post id.

    You can add this under Custom > CSS in the Customizer.

    eg.

    
    .postid-15 .entry-wrap {
        background-color: red !important;
    }
    

    Where 15 is the post id.

    Here is how to locate post ids.

    https://theme.co/x/member/kb/how-to-locate-post-ids/

    Hope that helps.

    #261039

    muglife
    Participant

    That does – thank you very much for the help! All set now.

    #261080

    Prasant Rai
    Moderator

    You are most welcome 🙂