Tagged: enfold, icons, navigation, social media
-
AuthorPosts
-
May 12, 2014 at 2:21 pm #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 10 years, 7 months ago by webranding. Reason: Typos
May 15, 2014 at 1:21 am #265002Hi 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,
DevinMay 16, 2014 at 3:15 pm #265836Thanks. I’ll go Google how to create my own icon font :).
May 16, 2014 at 3:33 pm #265842How about a video walkthrough?
May 16, 2014 at 3:34 pm #265844And then to change which fonts are used by default for elements you’ll need: http://kriesi.at/documentation/enfold/change-icon-used-for-standard-theme-elements/
-
AuthorPosts
- You must be logged in to reply to this topic.