WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Changing Posts container color (5 posts)

  1. laurence_g
    Member
    Posted 1 year ago #

    I am trying to change the post container color and have downloaded the Custom CSS plugin.
    However I don't know what type of code to post in there.
    The link is: http://stanceblog.com.br/ict/blog/category/web-sites/
    As you can see it is too dark and I don't want to change font colors or anything else. The page container color is just right, so I only want to effect the posts.
    I hope you can help.
    Thanks

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    The best way to work with CSS questions like this is by using Firebug -- which shows you which CSS is affecting an element on the page. Then you can copy the relevant CSS selector and style into the custom CSS file and make the desired change.

    Beyond that, since you are using a commercial theme, you'll need to get help from the vendor -- it's part of what you paid for, and commercial themes are not supported here.

  3. laurence_g
    Member
    Posted 1 year ago #

    You know what?
    I couldn't agree more with you. It had to be said,and it was well said.
    My only excuse is we are a school, so money 's too tight to mention...that sounds catchy. I think I'll write a song.
    Peace

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Not sure if this means you've figured it out or not -- firebug is free and there is lots of helpful info on the webpage for it. Learning how to work with CSS is pretty much of a necessity if you want to do very much with WP. That said, the background of the posts is being set here:

    body.bubble div.post div.post-content {
        background: none repeat scroll 0 0 #333333;
        border-radius: 11px 11px 11px 11px;
        margin-bottom: 8px;
        margin-left: 85px;
        padding: 15px 5px 5px 15px;
    }

    So to change it, copy the relevant part of the above into the custom CSS file and change the color hex code:

    body.bubble div.post div.post-content {
        background: none repeat scroll 0 0 #XXXXXX;
    }
  5. laurence_g
    Member
    Posted 1 year ago #

    Thanks for that,
    I got firebug and had a look at the relevant page through the app. Could not work out which page was responsible for that color. Also, one is allowed to change it from dark to light in the themes dashboard, so I was looking for some type of options in the CSS.
    Either way I will have a go and thanks for that last post.

Topic Closed

This topic has been closed to new replies.

About this Topic