WordPress.org

1. chrishelp
   Member
   Posted 3 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!

2. Andrew Nevins
   Volunteer Moderator
   Posted 3 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.

3. chrishelp
   Member
   Posted 3 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?

4. chrishelp
   Member
   Posted 3 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?

5. Andrew Nevins
   Volunteer Moderator
   Posted 3 months ago #
   

   You write, in your Custom CSS area;
   

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

6. chrishelp
   Member
   Posted 3 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.

7. chrishelp
   Member
   Posted 3 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

8. Andrew Nevins
   Volunteer Moderator
   Posted 3 months ago #
   

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

9. chrishelp
   Member
   Posted 3 months ago #
   

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

10. Andrew Nevins
    Volunteer Moderator
    Posted 3 months ago #
    

    Have you tried;
    

    div#container {
     background-color: white;
    }

    ?

11. chrishelp
    Member
    Posted 3 months ago #
    

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

Reply

You must log in to post.