HI there,
I’d like to put social Icons in the top nav of killerphotography.com, but I am honestly not crazy about the ones that come with Enfold.
I’d like them to look like the icons at the top of this site: http://www.spiffest.org
Please let me know how to do this.
Thanks so much.
Hi Jordan!
You can add following code to Quick CSS in Enfold theme options under General Styling tab to change icon border radius
#top .social_bookmarks li a {
border-radius: 0;
}
If you would like to add new social icons, please see http://kriesi.at/documentation/enfold/custom-social-icons/
Regards,
Yigit
Thanks, but this is not what I want.
I want to add my own icons, not Fontello, or any other font-based icon. I want to use icons that I created. Any way to add icon images to the top nav?
Cheer!
Jordan
Hi!
As we use a font icon class, you can target the font icon class of the certain icon, adding a ::before to it and add as
content: url(”);
where u will add your image URL inside the content.
That will help you add an icon there, through CSS
Best regards,
Basilis
Thanks, but would you mind showing me a line of code as an example? I’m not really a coder, and I only sort of understand what you’re saying.
Thanks so much :)
Jordan
Hi!
I think you can import your own created icon font to fontello.com and then download them again as webfonts and finally use them inside of Enfold. Refer to this video tutorial: http://kriesi.at/documentation/enfold/adding-your-own-icon-fonts/
I hope this helps!
Cheers!
Andy