I’m using an icon with Icon Style: Standalone icon with border and optional captiom.
I’m trying to add a Custom CSS Class to change color background, something like that:
span.av-icon-char {
background-color: #d0d0d0;
}
BUT,Other icons on the page are affected, how to solve this?
Hi,
I solved part of the problem using this code so that the css is applied in the second part of the “span”, however it has an out-of-normal delay.
Any suggestions on why this occurs?
span.av_font_icon.avia_animate_when_visible.av-icon-style-border.icone.avia-icon-pos-center.avia_start_animation.avia_start_delayed_animation span.av-icon-char {
background-color: #d0d0d0;
padding: 15px;
border-color: #d0d0d0;
margin-bottom: 10px;
color: #ffffff;
}
Could you post a link to the page?
Thanks
TJ
Hi @CloudChoice,
As TJ said, would it be possible for you to provide a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Thank you!
Best regards,
Sarah