Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 29, 2016 at 6:23 am #639896
    jesseaborden

    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!

    May 30, 2016 at 12:52 pm #640294
    Andy

    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

    June 1, 2016 at 5:46 am #641217
    jesseaborden

    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, 6 months ago by jesseaborden.
    June 1, 2016 at 12:22 pm #641411
    Andy

    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

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