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, 5 months ago by wensolutions. 
- 
		AuthorPosts
- 
		
			
				
May 21, 2018 at 4:17 pm #72183Nick 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.
 
	    




