Support » Themes and Templates » Twenty Ten Theme – CSS Opacity Wrapper and Images

  • Resolved Velanche


    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!

Viewing 3 replies - 1 through 3 (of 3 total)
  • 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

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

    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);

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Twenty Ten Theme – CSS Opacity Wrapper and Images’ is closed to new replies.