Home › Forums › Free Themes › Education Hub › Social Media icons
Tagged: social media
- This topic has 15 replies, 2 voices, and was last updated 7 years ago by
wensolutions.
-
AuthorPosts
-
March 22, 2018 at 6:55 am #68448
biblio
ParticipantHi,
I’d like to know how can I change an icon from the social media bar, next to quick links.
Thank you.March 22, 2018 at 7:47 am #68493wensolutions
KeymasterHello @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.
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!!
March 23, 2018 at 4:54 am #68544biblio
ParticipantThanks 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.
March 23, 2018 at 6:38 am #68554wensolutions
KeymasterHello @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:
Thank you 🙂 .
Best Regards!!
March 23, 2018 at 6:56 am #68556biblio
ParticipantHello @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! 🙂
March 25, 2018 at 2:40 am #68626wensolutions
KeymasterHello @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!!
March 26, 2018 at 3:56 am #68700biblio
ParticipantHello @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.
March 26, 2018 at 5:48 am #68704wensolutions
KeymasterHello @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!!
March 27, 2018 at 5:39 am #68812biblio
ParticipantHello @wensolutions,
let’s recap…
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!
March 27, 2018 at 7:26 am #68828wensolutions
KeymasterHello @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!!
March 28, 2018 at 4:48 am #68880biblio
ParticipantHello @wensolutions,
That worked! THANK YOU!
Any solution for the ISSUU icon? 😉March 28, 2018 at 5:14 am #68932wensolutions
KeymasterHello @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!!
March 28, 2018 at 7:34 am #68941biblio
ParticipantHello @wensolutions,
This helped indeed. But can’t it be with the ISSUU logo ^^
Thanks for ALL your awsome support!
March 28, 2018 at 8:26 am #68950wensolutions
KeymasterHello @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!!
March 29, 2018 at 3:41 am #69030biblio
ParticipantOk, 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!
-
AuthorPosts
- You must be logged in to reply to this topic.