How can I have a separate content background from JUST the comment section down ?

  • Anonymous


    How can I have a separate content background from JUST leave a reply ( or recent comments) down ?

    I have this with css :

    #content, .menu-bottom-shadow, #sidebar_bottom {
    background-image: url(" IMAGE FROM MY SITE ");
    background-color: #E6E5E5;
    background-position: right top;
    background-repeat: repeat;
    margin: 0 auto;

    BUT this covers the entire content background. I want to change the background to white BUT only from the words recent comments down on a pages and posts ( I am only talking about content background ) .

    Does anyone have an idea of how I can go about this ?

    – I don’t know if I can go about this through something with functions php or if I can do this with just css ? I am not sure but it is tricky because Fire Bug tells me that there is no 2 separate content backgrounds just one?

    Thank you


    #comments, #block-views-term-blocks-block {
    background: #ffffff !important;



    Thank you soo much for that.

    I noticed though that when I use that code , the Words “RECENT COMMENTS” show BUT it covers the repeating grey bar image I have after those words.

    My css for that part is

    #content .block-has-title {
    background: url(" MY GREY BAR IMAGE .png") repeat-x scroll center 1px transparent;


    I have played with everything that has to do with Z-index: !important; and added different numbers but still nothing makes the grey bar come to the front ? I am thinking now it has nothing to do with Z- index since the words RECENT COMMENTS are showing and only the grey bar attached to it is covered up ?



    figured it out

    #comments, #block-views-term-blocks-block {
    background: url("IMAGE .png") repeat-x scroll center 1px transparent !important;
    background-color: #ffffff !important;

    Thanks for your great help as always 🙂

Viewing 4 posts - 1 through 4 (of 4 total)

  • You must be logged in to reply to this topic.