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

Tagged: , , , , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 21, 2018 at 4:17 pm #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).

    May 22, 2018 at 12:52 am #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!!

    May 22, 2018 at 8:36 am #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?

    May 22, 2018 at 11:35 am #72242
    Nick Piper
    Participant

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

    May 23, 2018 at 8:19 am #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.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.