Opacity / Semi-transparency

  • Resolved L.A.J.Schutter

    (@lajschutter)


    12 years, 1 month ago

    H! Every1

    I am searching for the preferences to change opacity to make the main background of all Expound Theme pages semi-transparent, so the main background image will come through the pages just a little bit.
    So far I did not find the right way to change preferences myself, so I request any help. Thanks so much in advance !

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter L.A.J.Schutter

    (@lajschutter)

    12 years, 1 month ago

    I made one step towards my goal to add transparency. I found the preference in the css folder expound.css file.
    There I can manage the PAGE opcacity succesfully. Now I look further to avoid the same opcacity for the PNG images I use on pages. These PNG images have transperent backgrounds, but the content will become the same opacity of the page opacity. I try to find a way to make these different, so that images with transparent backgrounds seem to take over the page opacity, but the filled content of the images get no opacity at all.
    I learned more today, eager to learn more tomorrow 🙂

    Kelju K Kojootti

    (@kelju-k-kojootti)

    12 years, 1 month ago

    /wp-content/themes/expound/css/expound.css

    change #page like this:

    #page {
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(255, 255, 255) transparent;
  /* RGBa with 0.7 opacity */
  background: rgba(255, 255, 255, 0.7);
  width: 1020px;
  margin: 40px auto;
}

    I hope there will be easier way to do that in future. 🙂

    Thread Starter L.A.J.Schutter

    (@lajschutter)

    12 years, 1 month ago

    GREAT ! Thanks a lot for the quick reply and good solution !

    Thread Starter L.A.J.Schutter

    (@lajschutter)

    12 years ago

    I am closing the topic, thanks again for all support

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

The topic ‘Opacity / Semi-transparency’ is closed to new replies.