Home Forums Free Themes Education Hub Social Media icons

Tagged: 

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #68448
    biblio
    Participant

    Hi,
    I’d like to know how can I change an icon from the social media bar, next to quick links.
    Thank you.

    #68493
    wensolutions
    Keymaster

    Hello @biblio,

    Th social icon appears there only after you assign the social menu in Social Menu location.

    Now the query regarding changing the icon that appears in the top right corner, whatever the custom links you have added to the social menu will appear there.

    For example, if place the custom link of facebook then facebook icon will appear there.

    https://prnt.sc/iuro25

    So please place the custom links according to your choice in the social menu to make your desired icon appear.

    Hope this helps.

    Best Regards!!

    #68544
    biblio
    Participant

    Thanks for the quick reply.
    The social menu is already assigned and working fine. The only thing is that I was trying to edit the icon of a particular link that I saw it was possible in another website of our Campus.
    I’m aware that for the major social networks, the icon appears automatically (not for ISSUU, thouhg :/).

    In our website, the 2 chains would be for the link of our major instituition and for ISSUU.

    Please see the screen shots to understand better what I mean.
    img 1
    img 2

    #68554
    wensolutions
    Keymaster

    Hello @biblio,

    Please provide the links and the unicode of the icons that you want to display along with your site URL so that we can provide the precise fix.

    As for unicode please refer to below screenshot:

    http://prntscr.com/iv8tsq

    Thank you ๐Ÿ™‚ .

    Best Regards!!

    #68556
    biblio
    Participant

    Hello @wensolutions,

    Both site URL are:

    http://sdi.fba.up.pt/biblioteca-2/
    https://biblioteca.med.up.pt/wordpress/

    As for unicode I guees it’s UTF-8

    Thank you! ๐Ÿ™‚

    #68626
    wensolutions
    Keymaster

    Hello @biblio,

    To resolve the issue of the social icon, please use below given CSS.

    For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.

    .education_hub_widget_social ul li a[href*="http://sdi.fba.up.pt/biblioteca-2/"]:before {
        content: "\f02d";
    }
    
    .education_hub_widget_social ul li a[href*="https://biblioteca.med.up.pt/wordpress/"]:before {
        content: "\f19c";
    }

    Hope this helps.

    Best Regards!!

    #68700
    biblio
    Participant

    Hello @wensolutions,

    Thank for the reply.

    I dont understand, though, why there is both url because I only want to change the icon on the “https://biblioteca.med.up.pt/wordpress/” site. Can you confirm please?

    Best regards.

    #68704
    wensolutions
    Keymaster

    Hello @biblio,

    As you have provided two URL before, we have provided the CSS for both the URL. But in case if you only want the CSS for the URL “โ€œhttps://biblioteca.med.up.pt/wordpress/โ€ , then only use the CSS given below.

    .education_hub_widget_social ul li a[href*="https://biblioteca.med.up.pt/wordpress/"]:before {
        content: "\f19c";
    }

    But when we inspected your site URL, we were not able to find the link you have mentioned in top header and two of your link seems to be without the icon. So please make us clear in this so that we can help you further.

    Thank you ๐Ÿ™‚ .

    Best Regards!!

    #68812
    biblio
    Participant

    Hello @wensolutions,

    let’s recap…

    Pic1
    pic2

    The printscreen (pic1) is to show you the icon I’m interested in. I want to put it on the printscreen (pic2). The other link is for ISSUU, which as no icon too.

    Can you now tell me how to proceed?

    Thank you!

    #68828
    wensolutions
    Keymaster

    Hello @biblio,

    Please use below given CSS and let us know if that works for you or not?

    .education_hub_widget_social ul li a[href*="https://sigarra.up.pt/fmup/pt/web_page.inicial"]:before {
        content: "\f19c";
    }

    Thank you ๐Ÿ™‚ .

    Best Regards!!

    #68880
    biblio
    Participant

    Hello @wensolutions,

    That worked! THANK YOU!
    Any solution for the ISSUU icon? ๐Ÿ˜‰

    #68932
    wensolutions
    Keymaster

    Hello @biblio,

    Please add below-given CSS.

    .education_hub_widget_social ul li a[href*="https://issuu.com/bibliotecafmup"]:before {
        content: "\F02D";
    }

    Hope this helps.

    Best Regards!!

    #68941
    biblio
    Participant

    Hello @wensolutions,

    This helped indeed. But can’t it be with the ISSUU logo ^^

    Thanks for ALL your awsome support!

    #68950
    wensolutions
    Keymaster

    Hello @biblio,

    No, actually it will mess up the design.

    Hope you understand.

    Thank you.

    If you have any issue further please let us know.

    Best Regards!!

    #69030
    biblio
    Participant

    Ok, That’s alright.

    Actually I have an other question What’s the recomended size of the pictures for the main banner on the front page?

    Thanks!

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