Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #722560

    I’d like to disable the fade-in animation that sometimes occurs for text content inside of a color section, and instead have the text appear immediately. Can you please provide the CSS snippet that would take care of this? Many thanks.

    #723460

    Hey Scott,

    Probably you have some columns, try to edit it and there’s an Animation tab, just set it to None. You might also want to try using this css code snippet:

    .avia_transform .av-animated-generic {
      -webkit-animation: none !important;
      -moz-animation: none !important;
      animation: none !important;
      opacity: 1 !important;
    }

    Hope this helps.

    Best regards,
    Nikko

    #733265

    Hello,

    I recently ran into the same requirements (with the color section).
    It’s the container inside the color section that is animated.

    this should help:

    give your color section a “developer id” and use following css rules to disable the transition/animation:

    #your-developer-id .container {
        -webkit-transition: opacity 0s;
        transition: opacity 0s;
    }
    #733697

    Hi @Robert,

    Thanks for sharing your solution, much appreciated :-)

    Best regards,
    Rikard

    #734285

    You’re welcome @Rikard
    Enfold is a great theme so I don’t hesitate to support it or share something here and there :-)

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Disable Fade-In animation inside color sections’ is closed to new replies.