Content element “Icon Circles”

Hey Roswitha,
Please set the First Active Icon to the icon that you want to be active. It looks like you are only using one icon, so choose “1”:

then on the frontend the title and content will show after the animation:

To have a faster animation and disable the mouse-over events so the title doesn’t hide again, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .avia-icon-circles-icon-text {
    transition: all 0.1s cubic-bezier(0, 0, 0, 0);
}
#top .avia_start_animation .avia-icon-circles-icon {
    transition: all 0.1s 0.1s cubic-bezier(0, 0, 0, 0);
}
#top .avia_animation_finished .avia-icon-circles-icon-text {
	opacity: 1;
}
#top .av-icon-circles-container {
	pointer-events: none;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,

Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard