Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 12, 2019 at 2:14 am #1137317
    DanielCPalmer

    Hi, please take a look at the private content below for the URL. I’ve got a pseudo :before element creating a gradient. But on this page it fades in, and I don’t know what’s causing it. Any help? Can I disable it?

    Thanks!

    September 13, 2019 at 6:42 pm #1138126
    Basilis

    Hey Daniel,

    in which section you are refering?

    Best regards,
    Basilis

    September 13, 2019 at 10:48 pm #1138222
    DanielCPalmer

    Hi Basilis, the header (see the topic subject). The header has a gradient overlaid on top, and it fades in after the bg image loads. I’d like them to load together without a fade in animation. I think it has to do with the fade that happens in the header site-wide…right?

    September 15, 2019 at 7:25 pm #1138549
    Mike

    Hi,
    The container has transition: opacity 0.6s ease-in; applied, to remove this for the one page
    please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .js_active #top.postid-1 #hero-fade.av-minimum-height .container {
    opacity: 1 !important; 
    -webkit-transition: none !important;
    transition: opacity none !important;
}

    Best regards,
    Mike

    September 15, 2019 at 8:15 pm #1138561
    DanielCPalmer

    Awesome, that got it.

    September 15, 2019 at 8:29 pm #1138564
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Header Content Fade In’ is closed to new replies.