Custom Community
Background Color of Posts (8 posts)

  1. feistymom
    Posted 2 years ago #

    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: http://feistymom.me

  2. Full Circle
    Posted 2 years ago #

    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.

  3. feistymom
    Posted 2 years ago #

    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.

  4. konradS
    Posted 2 years ago #

    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

  5. feistymom
    Posted 2 years ago #

    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

  6. konradS
    Posted 2 years ago #

    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

  7. feistymom
    Posted 2 years ago #

    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.

  8. konradS
    Posted 2 years ago #

    add this line within the brackets into div.post :

    margin-bottom: 10px;

    that should do the work. ;) let me know

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic