Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #230133

    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

    #230506

    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

    #230722
    This reply has been marked as private.
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Transparency / Opacity of background (header, main, footer)’ is closed to new replies.