[resolved] Twenty Ten Theme - CSS Opacity Wrapper and Images (4 posts)

  1. Velanche
    Posted 6 years ago #

    Hi There:
    I've added CSS opacity to the wrapper of my web site:


    The thing is that I'd like to eliminate the opacity from all of the images, including the headers (both the default and the custom ones for Pages and posts).

    I've tried adding the following to various selectors in the images section of the style.css:

    opacity: 1.0;
    filter: alpha(opacity=100);

    Unfortunately, it didn't work for me.

    Any help would be appreciated; thanks much!

  2. Spencer Finnell
    Posted 6 years ago #

    If you apply opacity to a div, it is applied to all of the children elements.

    If you just want the container's background to be semi-transparent so you can see the background through it, I would check out rgba

  3. Velanche
    Posted 6 years ago #

    Hey thanks a lot! Indeed, that did the trick and worked nicely.

  4. RGoodfellow
    Posted 5 years ago #

    sorry I'm a beginner. I checked out the link on rgba and added the code to the bottom of #wrapper in my child theme. I cant get it to work. Im trying to make the container transparent so you can see the backround. Can you tell me where I went wrong

    many thanks


    #wrapper {
    background: #fff;
    margin-top: 20px;
    padding: 0 20px;
    div {
    background: rgba(200, 00, 54, 0.5);

Topic Closed

This topic has been closed to new replies.

About this Topic