Hi Guys,
I’d like to add a “play” icon to the “watch our video” caption on the layer slider on my home page. When I add it with short code it breaks the slider. Can you show me a HTML/CSS method of adding this icon to my caption? Thanks a lot!
Hey jesseaborden,
use this code inside of Quick CSS field:
a.avia-slideshow-button.avia-button.avia-color-light.avia-multi-slideshow-button.avia-slideshow-button-2.mfp-iframe.lightbox-added:before {
content: '\25B6';
}
Best regards,
Andy
Hey Andy,
I tried that and didn’t have any luck.
I tried to add
<span class="av-icon-char" style="font-size:16px;line-height:16px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>
before the text in the default editor and this works when I preview, but when I update it breaks the page.
EDIT: I added “►” to the front of the text, and even thought it’s not the icon, I think it will work. Thanks for your help!
Hi,
glad if you found a solution! Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.
Best regards,
Andy