Background Color of Posts

  • I’m using the Custom Community theme, the free version. I was able to add a code in my custom css to make the background of my posts on the homepage white, as I want the container transparent. How can I replicate this on all pages? Right now if I navigate away from the home page their is no background. The only way I have found to get a white background is to change my container from transparent to white. I do not like the look of that. Any help is appreciated. Thanks.

    website: https://feistymom.me

Viewing 7 replies - 1 through 7 (of 7 total)

  • under theme settings / container you can type transparent in any color box.
    also when putting in color codes do not include the # this is already included for you, just need the next code.

    Thread Starter feistymom

    (@feistymom)

    I know not to include the # for the color codes. I also know to set to transparent. However, as stated when I do this it only produces the desired look on the homepage. I want to replicate the look of the homepage on all pages of my site and on all of the posts. If you visit you can see that I have a transparent container on the homepage and a white background for the posts. But on all other pages the container is still transparent but the background for the posts is transparent as well.

    hi feistymom,

    do you mean this effect?

    add this CSS snippet to THEME SETTINGS -> CSS tab and have a look at your site:

    div.post { background: white !important; }

    let me know if that helps, konrad

    Thread Starter feistymom

    (@feistymom)

    Konrad!
    Thank you, thank you! I was afraid I was going to have to find a new theme. Is there a code I can add to make the corners rounded on the posts like on the front page as well?
    Again, Thanks!
    Feisty Mom

    yeah just delete the old snippet and add this one: 

    /** post entries design **/
div.post {
border-radius: 11px !important;
-moz-border-radius: 11px !important;
-webkit-border-radius: 11px !important;
background: white !important;
}

    hope that helps! konrad

    Thread Starter feistymom

    (@feistymom)

    Yes, that gave me the rounded edges I wanted. Is there a way to get the space between the posts larger like before? Right now theres a tiny line of the background between each.

    add this line within the brackets into div.post :

    margin-bottom: 10px;

    that should do the work. ?? let me know

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Background Color of Posts’ is closed to new replies.