Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 15, 2020 at 9:01 pm #1174677
    Misantaller

    Hi there,
    I have two different pages, with the same layerslider on the front page. But one of them is working fine, it’s size and position is correct (starting on the top of the screen, behind the header) and the header is transparent as long as it’s not scrolled.
    On the other page the header isn’t transparent and the layerslider sits below the header (not starting behind it).
    Can you tell me which setting or css is wrong or missing?
    I did some adjustments to the general styling css as well as to the quick css.
    Hope you guys can help me,
    Best regards,
    Sebastian

    January 16, 2020 at 12:26 pm #1174901
    Victoria

    Hey Misantaller,

    I adjusted it for you, but now you need a different logo for the transparent header and maybe a different menu color.

    Best regards,
    Victoria

    January 16, 2020 at 1:59 pm #1174946
    Misantaller

    Hi Victoria,
    Looks great. What did you change? And how do i adjust the background of the header to be a bit transparent?
    Thanks a lot.
    Sebastian

    January 16, 2020 at 3:53 pm #1175058
    Victoria

    Hi Sebastian,

    I set it in the page settings here:
    Image 2020-01-16 at 15.50.18.png

    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 .av_header_transparency .header_bg {
    background-color: #000000b3;
    opacity: 0.3;
    filter: alpha(opacity=0.3);
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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