WordPress.org

Ready to get started?Download WordPress

Forums

Custom Community
opacity of content container background (3 posts)

  1. larskristensen
    Member
    Posted 1 year 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

  2. Svenl77
    Member
    Theme Author

    Posted 1 year 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.

  3. wtuppeck
    Member
    Posted 1 year 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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic