Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #517784

    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.

    #518044

    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

    #518256

    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

    #518388

    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

    #518418

    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

    #519281

    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

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