Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 5, 2015 at 12:01 am #530448
    designyvr

    Hi,

    Fantastic theme!

    At the bottom of a blog entry, I’d like to add an inline icon right before the “Share this” entry line. Could you please advise as to how to do this?

    Thanks! C

    November 5, 2015 at 4:04 pm #530877
    Yigit

    Hi designyvr!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab 

    h5.av-share-link-description:before {
    content: "\25BA";
    font-style: normal;
}

    and change the code to the icon you would like to use

    Regards,
    Yigit

    November 5, 2015 at 10:32 pm #531222
    designyvr

    Hi Yigit,

    Thank you. I tried to change the icon code to something else (the character code is \ue8c3 which is fontello’s 2 message boxes icon) , but it only shows the code and not the icon on the site. Could you please advise?

    Thank you for your help.

    November 7, 2015 at 11:09 am #531831
    Ismael

    Hey!

    Use the font icon’s unicode. You can find it here: http://web.archive.org/web/20140912210715/http://entypo.com/characters/

    If you want to use the phone icon for example, get the unicode (U+1F4DE) minus the “U+” part.

    h5.av-share-link-description:before {
    content: "\1F4DE";
    font-style: normal;
}

    Cheers!
    Ismael

    November 10, 2015 at 4:20 am #533015
    designyvr

    Thank you Ismael.

    I added your CSS to the Enfold Quick CSS, but I get a rectangle border before the Share link instead of the icon. See the link below for the screenshot. Is there something else I need to do?

    Thank you!

    November 14, 2015 at 11:30 am #535829
    Ismael

    Hey!

    This is what I get when I add the code.

    Please post the login details here.

    Regards,
    Ismael

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