Esoterica Icon Blocks – Disable animation?

Forums » WordPress » Esotera » How To

  • Author
    Posts
  • July 2nd, 2020 at 14:08 #104937
    John Hoke
    Power User

    I am really loving this Esoterica Plus theme, one thing that I am working on is improving my Google Page Rank scoring for desktop and mobile.

    One new area Google is ranking is Cumulative Layout Shift, which the animations of icon blocks is (I believe) impacting and I would like to disable the movement of the icon block. I want to keep the actual animation of the icon but stop the slide up on load/scroll.

    Is this possible? I dont see an option in Customizer to disable the animation, so is there anything I can do short of editing the theme? I am hoping that there is a way to add a toggle in an appended JS or CSS that would remove this layout shift.

    To be clear … on my page under the Slider section I am using “Icon Block 1” to display featured content for three areas Blog | Galleries | SmugMug Store link which shift vertically and thats what I am looking to disable … the vertical shift.

    Thanks!
    john

    Website: hoke.org/john

    August 5th, 2020 at 20:26 #106336
    Zed
    Cryout Creations mastermind

    Esotera has an animation-control option, but that doesn’t apply to most landing page element animations.

    Try the following custom CSS to disable the slide-up animations of the icon blocks:

    body .lp-blocks .lp-block {
    -webkit-transition: none;
    transition: none;
}
    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Esoterica Icon Blocks – Disable animation?’ is closed to new replies.