opacity of content container background

  • larskristensen

    (@larskristensen)


    11 years ago

    Hi All.

    I am playing with the idea of a slightly transparent container background where you are able to see some of the background texture throught the colour of the container.
    I have applied the following to css, but it makes everything transparent and not only the backgound colour so even the text and widgets are transparent.

    #container{
    background-image:
    filter:alpha(opacity=30);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.3);
    opacity:.30; }

    What am i doing wrong here? Is it possible at all to do it this way?

    Hope someone can help me with this

    Lars Kristensen

Viewing 2 replies - 1 through 2 (of 2 total)
  • Sven Lehnert

    (@svenl77)

    11 years ago

    Hi @larskristensen,

    have you tried to add transparent to the container color in the Theme Options

    Accordion -> Container -> Container colour

    Change the background colour of the content part,
    write transparent for no color

    Via css it should work also:

    filter: Alpha(opacity=30);
    opacity: 0.3;
    moz-opacity: 0.3;
    background: #b00;
    height: 300px; /* Internet Explorer */

    or js:
    element.style.filter = “Alpha(opacity=30)”; /* Internet Explorer */
    element.style.opacity = 0.2; /* Safari, Opera */
    element.style.MozOpacity = 0.2; /* Firefox */

    hope this helps you.

    wtuppeck

    (@wtuppeck)

    11 years ago

    Hi,

    i´m new here and i work since 3 wekks with wordpress.
    Now my first running site ist http://www.klingendesdesign.de
    and i want the transparent header and contents in my theme

    where i have to integrate this

    ilter: Alpha(opacity=30);
    opacity: 0.3;
    moz-opacity: 0.3;
    background: #b00;
    height: 300px; /* Internet Explorer */

    or js:
    element.style.filter = “Alpha(opacity=30)”; /* Internet Explorer */
    element.style.opacity = 0.2; /* Safari, Opera */
    element.style.MozOpacity = 0.2; /* Firefox */

    please help me.

    wolfgang

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘opacity of content container background’ is closed to new replies.