Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #639896

    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!

    #640294

    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

    #641217

    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 “&#9658” to the front of the text, and even thought it’s not the icon, I think it will work. Thanks for your help!

    • This reply was modified 8 years, 5 months ago by jesseaborden.
    #641411

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.