Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 27, 2018 at 3:23 pm #1038031
    Freek

    Hi,

    I looked all over the place but cannot find a proper solution.
    Have a sticky small header in color white with extra element in phone area.
    On a page I set Header visibility and transparency to “transparent header”
    Works OK.
    Now I want the change opacity of the transparent header and also the sticky header when scrolling.
    Like to use rgba(255,255,255,0.7)
    Can you help me out on this?
    THX Freek

    November 27, 2018 at 9:55 pm #1038224
    Victoria

    Hey Freek,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top #wrap_all .header_color.av_header_transparency {
        background-color: rgba(255,255,255,0.7);
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 28, 2018 at 9:26 am #1038370
    Freek

    Thanks this worked for me. One more question. When I scroll the sticky header gets solid white. Can I add the same background opacity here?
    THX Freek

    December 1, 2018 at 8:19 am #1039533
    Rikard

    Hi,

    Please try this CSS as well:

    .av_header_shrinking_disabled .header_color.av_header_transparency {
        background-color: rgba(255,255,255,0.7) !important;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.