Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 27, 2014 at 5:08 pm #230133
    urho

    Hi there!
    I have tried to reduce the background color opacity of header, main and footer (not socket) so the background image would shine through (Transparency 90 to 95%), but can’t find the right coding. Also tried many different ways I could find in the forum without solving my problem. Would be great if you could help.

    http://www.urban-homes.de

    Cheers
    Moritz

    February 28, 2014 at 9:15 am #230506
    Ismael

    Hey Moritz!

    Use this for the header:

    .nonfixed_header .header_bg {
opacity: .9;
filter: alpha(opacity=1);
}

    Main content:

    .main_color {
background-color: rgba(255,255,255,.9);
}

#main, .html_stretched #wrap_all {
background-color: transparent;
}

    Footer:

    .footer_color {
background-color: rgba(255,255,255,.9);
}

    Best regards,
    Ismael

    February 28, 2014 at 6:21 pm #230722
    urho
    This reply has been marked as private.
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Transparency / Opacity of background (header, main, footer)’ is closed to new replies.