WordPress.org

Ready to get started?Download WordPress

Forums

Custom Community
[resolved] Change post background for custom communtiy (11 posts)

  1. chrishelp
    Member
    Posted 1 year ago #

    I'm trying to change my post background color for the custom community theme. I've already downloaded My Custom CSS. I was able to change the background color for the post "bubble" on the home page, but I'm not sure how to do it for the individual post's page. Not sure which code to enter into my custom css. Thansk!

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Have you tried;

    .post-content {
     background: transparent;
    }

    On the demo website, that element doesn't have a background colour to start with so that CSS probably won't work. You can use a developer tool like Firebug to explore which element (and selectors) you need to override.

  3. chrishelp
    Member
    Posted 1 year ago #

    Yeah. I tried that. I even tried to change the code on my stylesheet. I made the background color #ffffff, but the post background color is still grey.

    div.post .wp-caption {
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom:12px;
    }

    Is there anything else I can try?

  4. chrishelp
    Member
    Posted 1 year ago #

    Ok. I downloaded Firebug. I found that the post background code is:

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

    How do I go about overriding this?

  5. Andrew
    Forum Moderator
    Posted 1 year ago #

    You write, in your Custom CSS area;

    body.custom-background {
     background-color: transparent;
    }
  6. chrishelp
    Member
    Posted 1 year ago #

    No. I guess that's not it. It changes the color of the background for the entire page. I just want it changed for the posts. I'll keep looking.

  7. chrishelp
    Member
    Posted 1 year ago #

    Well, I think I found it this time. But the background color just won't change to white. Here's the code.

    div.post .wp-caption {
    background-color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 12px;
    padding-top: 4px;
    text-align: center;
    }

    But the background color keeps defaulting to #F3F3F3. Even when I change it. Here's the URL http://homemadegoodness.org/check-back-soon-good-things-are-in-store.html

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    Isn't it this style you need to override [screenshot]?

  9. chrishelp
    Member
    Posted 1 year ago #

    Ok. Thanks. I found it. Now the million dollar question . . . . How do I override it make the post background color white?

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    Have you tried;

    div#container {
     background-color: white;
    }

    ?

  11. chrishelp
    Member
    Posted 1 year ago #

    You are quite awesome! It works. Thanks so much for your help.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic