Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 27, 2020 at 5:44 pm #1217074
    bobfurgo

    Hi there!

    at the bottom of each page of my website I have the same elements – a request a demo title and widget. I have the bottom to top animation set on these blocks. I’d like to remove the animation from these blocks with CSS. I know I can remove the animation directly on the builder but I’d rather do it with CSS to save time.

    The classes for the sections I want to remove the animation from are:

    .get-started-title-container
    .get-started-form-container

    Thank you!

    May 27, 2020 at 9:54 pm #1217149
    Jordan Shannon

    Hey bobfurgo,

    I’m not seeing any animation, just the contact form.

    Best regards,
    Jordan Shannon

    May 27, 2020 at 9:58 pm #1217153
    bobfurgo

    hi jordan, it definitely has the bottom to top section animation applied. You may not be seeing it due to the preloader. Try visiting the link and then scrolling down to the bottom and you will see it animate just like all the other sections.

    May 27, 2020 at 10:25 pm #1217174
    Jordan Shannon

    Hi,

    Please provide admin info.

    Best regards,
    Jordan Shannon

    June 3, 2020 at 3:35 pm #1219108
    bobfurgo

    please see private area

    June 3, 2020 at 4:42 pm #1219134
    Jordan Shannon

    Hi,

    Thanks for providing that. Add this to quick css:

    .get-started-title-container,
.get-started-form-container{
opacity: 100!important;
 /*CSS transitions*/
 -o-transition-property: none !important;
 -moz-transition-property: none !important;
 -ms-transition-property: none !important;
 -webkit-transition-property: none !important;
 transition-property: none !important;
 /*CSS transforms*/
 -o-transform: none !important;
 -moz-transform: none !important;
 -ms-transform: none !important;
 -webkit-transform: none !important;
 transform: none !important;
 /*CSS animations*/
 -webkit-animation: none !important;
 -moz-animation: none !important;
 -o-animation: none !important;
 -ms-animation: none !important;
 animation: none !important;
}

    Best regards,
    Jordan Shannon

    June 3, 2020 at 4:53 pm #1219139
    bobfurgo

    ahh worked perfectly. thank you so much

    June 3, 2020 at 5:01 pm #1219141
    Jordan Shannon

    Hi,

    No problem at all I’m happy to help. If you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘remove animation with CSS’ is closed to new replies.