Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #409044

    I’ve created a custom page template for a dynamic page on my company’s new website. I’ve copied over all the code to recreate the necessary Avia Layout Builder elements, however, the icons in my icon boxes are not appearing. And they’re really quite important to the page.

    To show you what it should look like, the “mocked up” version of the page, create is this: http://www.rsnobeta.co.uk/test-concert-detail/

    The dynamic version of the page (using the custom page template) is this: http://www.rsnobeta.co.uk/live/concert-information/?c_id=261&action=Read%20More

    As you can see, the icons are missing from the “icon boxes” at the top right of the page, and also from the “notice” section at the very bottom of the page, but they do appear in the header (i.e. social media icons) so I know the font has loaded correctly.

    I have tried replacing the data-av_icon='' bit of <div class="iconbox_icon heading-color" aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' ></div> with the character codes that you get when you hover over the icons in the icon picker, and I’ve also tried copy/pasting the info direct from view/source. But to no avail.

    Can someone please help me?

    #409113

    Hey RSNO!

    Try this out, http://kriesi.at/documentation/enfold/enable-cors/, and then clear your browser cache.

    Best regards,
    Elliott

    #409124

    Thanks for the suggestion Elliott, just tried as you suggested, but still no joy. Anything else it could be?

    #409594

    Through trial and error, I’ve managed to solve it on my own. In case others come across a similar problem, I thought I’d post my solution. You need to take the character codes from the map and translate them into an HTML Entity (decimal).

    Make a note of your Character Code (get it by hovering over the icon you want in the icon picker), then enter it into the search form at this link: http://www.fileformat.info/info/unicode/char/search.htm?

    Click on the result (it will change the code from a format like ue841 into U+E841) then copy either the HTML Entity (decimal) or HTML Entity (hex) which look a bit like this: & # 5 9 4 5 7 ; or & # x e 8 4 1 ;

    Then simply put your new HTML Entity (be it decimal or hex) into the bit of your code that was just coming up as a wee rectangle like this: data-av_icon=' & # 5 9 4 5 7 ; ' and hey presto, you have your icons back.

    Happy coding.

    • This reply was modified 9 years ago by RSNO. Reason: N.B. I've had to put spaces between all the characters of the HTML Entities, as they don't display properly in the support forum! How ironic!
    #409859

    Hey!

    Glad you figured it out and thank you for sharing your solution!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Cheers!
    Yigit

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Icons missing from custom page template’ is closed to new replies.