Home › Forums › Free Themes › Education Hub › Custom Social Icons in Social Menu
Tagged: custom icons, custom links, icons, social, social icons, social links, social menu
- This topic has 4 replies, 2 voices, and was last updated 7 years, 6 months ago by
wensolutions.
-
AuthorPosts
-
May 21, 2018 at 4:17 pm #72183
Nick Piper
ParticipantI need help inputting custom images in the social icons in the social menu. I have the menu created with custom links, added that student menu to the social menu, but all I see is the generic link image. We have created specific icons for our student links and I need to add those to the custom links in the social menu. I have Education Hub Pro. I have read the previous support issues on this topic, and nothing has worked for me. I’m not trying to link to anything like Facebook or Twitter, these are links to pages specific to our site (Student Email, Online Classes, and LOLA).
May 22, 2018 at 12:52 am #72197wensolutions
KeymasterHello @npiper,
First of all thank you very much for using the theme.
You will not be able to add the custom image for the social links but since you have build your own icon you can use that with your custom links and display.
For this you need to add below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.
.education_hub_widget_social ul li a[href*="ADD LINK HERE"]:before { content: "\f19c"; }In above CSS, replace the icon in the content with your icon.
Hope this helps.
Best Regards!!
May 22, 2018 at 8:36 am #72223Nick Piper
ParticipantUnfortunately this did not work for me. Can I add custom JavaScript to the page to get this to work how I want it to?
May 22, 2018 at 11:35 am #72242Nick Piper
ParticipantThe content: “\f19c”; What is the f19c referring to?
May 23, 2018 at 8:19 am #72459wensolutions
KeymasterHello @npiper,
Here “\f19c” is the unicode of the icon.
Screenshot
http://prntscr.com/jlks6uYou have to make sure to define the font family of the icon to render them and to know how please refer to below given link:
https://tielabs.com/knowledgebase/how-to-add-a-custom-font-to-the-theme/
You can also consider hiring the professional developer for this you wish.
To hire a devloper please refer to below given link:
http://wensolutions.com/hire-wordpress-customizer
Thank you.
-
AuthorPosts
- You must be logged in to reply to this topic.





