Change post background for custom communtiy

  • Resolved chrishelp

    (@chrishelp)


    11 years, 2 months 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!

Viewing 10 replies - 1 through 10 (of 10 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months 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.

    Thread Starter chrishelp

    (@chrishelp)

    11 years, 2 months 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?

    Thread Starter chrishelp

    (@chrishelp)

    11 years, 2 months 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?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

    You write, in your Custom CSS area;

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

    Thread Starter chrishelp

    (@chrishelp)

    11 years, 2 months 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.

    Thread Starter chrishelp

    (@chrishelp)

    11 years, 2 months 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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

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

    Thread Starter chrishelp

    (@chrishelp)

    11 years, 2 months ago

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

    Have you tried;

    div#container {
 background-color: white;
}

    ?

    Thread Starter chrishelp

    (@chrishelp)

    11 years, 2 months ago

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

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