Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 21, 2020 at 8:20 pm #1205949
    shar_s

    Hi,

    I’m trying to style a transparent glassy header by adjusting the opacity so there’s more contrast.

    I was able to get the transparent glassy header set up by adding the php per documentation:

    Header

    I tried to adjust opacity by adding custom CSS under Enfold Theme Options > General Styling with no results.
    #top .av_header_transparency {
    background: rgba(0, 0, 0, 0.6);
    }

    I did notice in the layout.css file, there is an error alert:
    Expected (<filter-function-list> | none) but found ‘alpha(opacity=0)’

    Thanks!

    April 21, 2020 at 9:04 pm #1205955
    Jordan Shannon

    Hey shar_s,

    I’m not seeing a glass header on the you provided.

    Best regards,
    Jordan Shannon

    April 21, 2020 at 9:38 pm #1205960
    shar_s

    hmmm … is there a way to send you a screen shot? I’ve checked other devices & computer and I do see it there.

    April 21, 2020 at 9:39 pm #1205961
    shar_s

    oh … sorry, I sent the wrong link! Ha!

    April 21, 2020 at 10:39 pm #1205970
    Jordan Shannon

    Hi,

    I tested this and it works. Add it to quick css:

    #top .av_header_transparency {
    background: rgba(255,0,0,1);
}

    Adjust the color and opacity to what you need.

    Best regards,
    Jordan Shannon

    April 21, 2020 at 11:36 pm #1205976
    shar_s

    Thank you. It was a caching issue.

    So sorry to bother you!

    April 22, 2020 at 5:51 am #1206024
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Adjust opacity of transparent glassy header’ is closed to new replies.