How to make my content background semi-transparent

  • I’m trying to change the background of my content area to be semitransparent so that the background image shows through. I’ve managed to get it the way I want it on my main page, but it you click on my shop all of the content background is still completely white. Along with all of the side bars. I have this code entered into Custom CCS manager

    div.post, div.page, div.hentry, #comments, .comments, .column-text, .column-image, #srights, #slefts, #frontpage blockquote, .page-title, .page-header, article.post, article.page, article.hentry, .contentsearch, #author-info, #nav-below, .yoyo > li {
    background-color: rgba(255,255,255,0.5);
    }

    my site is newhorizonsdesigns.com

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

  • Maybe this code could make it semi-transparent ??

    #sidebar .widget, #main > ul.products {
    background: rgba(255,255,255,0.5) !important;
}

    How about try this code..

    #sidebar .widget {
    background: rgba(244, 241, 237, .7);
}
#sidebar .widget a { color:#fff)
.woocommerce-page #main > ul.products {
rgba(248, 246, 243, .7)
}
    Thread Starter TerrasTreasures

    (@terrastreasures)

    Yes that worked!

    Does anyone know how to change the little banner images? Or is that necessary as part of the theme?

    What do you want to your banner images?

    Where is the above code from jomarlipon supposed to be put? I put it in dashboard>appearance>edit CSS but it doesn’t do anything. My theme is Mystile. I have a background image set and would like to see it through my sites pages, both the blog and the store.

    Oh, I also am using Woocommerce.

    Thank you for any help!

    Ok, I just added the custom simple css plugin and put the above code in it and it doesn’t do anything…although I noticed that the sidebar now are showing a light pink color which is the color that is also showing up on the very top of my site and in the footer, which, by the way, I can’t find where to change! Anyways, I believe the code is working but it thinks that my background is that pink color and not the flower image I have set as background in the appearance section. Please help!

    My site is aromaticelegance.com but I have it set in testing mode so I don’t think you can view what I am doing. I am learning all of this so let me know what I need to do to get help.
    Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to make my content background semi-transparent’ is closed to new replies.