WordPress.org

Support

Support » Themes and Templates » Custom Community » [Resolved] Change post background for custom communtiy

[Resolved] Change post background for custom communtiy

  • 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!

Viewing 10 replies - 1 through 10 (of 10 total)
  • 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.

    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?

    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?

    You write, in your Custom CSS area;

    body.custom-background {
     background-color: transparent;
    }

    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.

    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

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

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

    Have you tried;

    div#container {
     background-color: white;
    }

    ?

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

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘[Resolved] Change post background for custom communtiy’ is closed to new replies.
Skip to toolbar