Home Forums Free Themes Education Hub Custom Social Icons in Social Menu

This topic contains 4 replies, has 2 voices, and was last updated by  wensolutions 1 year, 5 months ago.

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

    Nick Piper
    Participant

    I 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).

    #72197

    wensolutions
    Keymaster

    Hello @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!!

    #72223

    Nick Piper
    Participant

    Unfortunately this did not work for me. Can I add custom JavaScript to the page to get this to work how I want it to?

    #72242

    Nick Piper
    Participant

    The content: “\f19c”; What is the f19c referring to?

    #72459

    wensolutions
    Keymaster

    Hello @npiper,

    Here “\f19c” is the unicode of the icon.
    Screenshot
    http://prntscr.com/jlks6u

    You 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.

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

You must be logged in to reply to this topic.