Support » Themes and Templates » how to make all pages semi transparent-twenty eleven

  • Resolved tripurashakti


    Hi wordpress-community,
    I have been trying to follow old posts on how to change the page background to semi transparent but i am not able to follow them, sorry, new to all this 🙂

    Could someone try to tell me what to change in style.css
    to make the pages in the twenty eleven theme semi transparent??
    So that my background image is semi visible…and the text is in a semi transparent white box.

    Thanks you 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator Andrew Nevins


    To the element you want transparent,
    add the styles
    -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;

    i changed
    #page {
    background: #fff;

    by adding the above code, but it didn’t work, it made it completely transparent….what i am doing wrong???

    thanks for the help

    Moderator Andrew Nevins


    Worked for me…
    However it made all the elements half-transparent – probably not what you want.

    Hi, i know it was maybe not the official way to do it…but thank you Andrew i used part of your code and added opacity:0.50 to the #page in style-css (this made the page completely transparent:
    #page {
    background: opacity:.50 #fff;

    And in photoshop i added a transparent block onto my backgroundpicture so that it now appears as if the page is semi transparent on top of my background picture

    SO thanks for the code!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘how to make all pages semi transparent-twenty eleven’ is closed to new replies.