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
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
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.
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
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!