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

    Top Nav Social Media Icons. Change Them To Images

    I get you are using a font for the social media icons you can config through the Enfold admin panel. I changed the b/w to color via some posts I saw in the forums, but my client still doesn’t like them (I think the phrase HATE THEM might have been uttered).

    The only post I could find about this is here, and that individual did exactly what I want to do, but alas I think using a different theme (or it was updated), cause I don’t have the line of code that was suggested to be changed and replaced.

    My site is here, and the social icons I want to use in the header are in the sidebar on all internal pages under the About section.

    Any help would be greatly appreciated. And if this was covered elsewhere and I missed it, my bad, could you just please post a link to the thread.

    BTW: I have been working in WP for almost seven years. A few of those making my living doing it. I long, long ago went away from any “free” themes to paid themes. The same for most plugins. I have NEVER seen a theme like this. Never. I am totally blown away. Almost without words with how easy it is to use while at the same time the quality site I can produce. Kudos to you all!

    Tommy

    • This topic was modified 3 months, 3 weeks ago by  webranding. Reason: Typos
    #265002

    Hi webranding!

    The easiest way would be to create your own icon font for the social icons and then change which ones the theme is using. If you truly want images then you can target each link’s pseudo class and add in the url for your image into the content:

    
    .social_bookmarks_facebook.av-social-link-facebook.social_icon_1 a:before {
    content: 'url('http:yoursite.com/yourimage.png')';
    }

    Then style it as needed to change the layout/size/hover etc. See: http://css-tricks.com/css-content/

    Regards,
    Devin

    #265836

    Thanks. I’ll go Google how to create my own icon font :).

    #265842

    How about a video walkthrough?

    #265844

    And then to change which fonts are used by default for elements you’ll need: http://www.kriesi.at/documentation/enfold/change-icon-used-for-standard-theme-elements/

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.