Docs

[r2d2cr]

Hi. I love your theme, thank you so much. I wonder if there is a way to make the Feature List Icon animation to be continuous… I want the pulse animation of the icon to loop endlessly…
Can you help me with this please?

[Prasant Rai]

Hello There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[r2d2cr]

This reply has been marked as private.

[Rue Nel]

Hi There,

You can have a continuous pulsating effect in your feature list icon/image. Please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.x-feature-box-graphic i,
.x-feature-box-graphic img {
    -webkit-animation-name: pulsate;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite
}

@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.2;}
    50% { opacity: 1.0; }
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.2;}
}

As this is all custom development, regretfully we won’t be able to assist further. Custom development is outside the scope of our support. We’re happy to provide advice and get you started in the right direction, but you would still be responsible for the implementation.

Thank you for your understanding.

[r2d2cr]

Hi,
Of course I understand. I really appreciate your great help in this matter. The custom CSS works fine.

Thank you so much. Keep doing your great work.

[Nabeel A]

Glad we could help 🙂

Cheers!

[Author]

Posts