Home › Forums › Free Themes › Education Hub › Social Media icons
Tagged: social media
- This topic has 15 replies, 2 voices, and was last updated 6 years, 7 months ago by wensolutions.
-
AuthorPosts
-
March 22, 2018 at 6:55 am #68448biblioParticipant
Hi,
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 #68493wensolutionsKeymasterHello @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 #68544biblioParticipantThanks 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 #68554wensolutionsKeymasterHello @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 #68556biblioParticipantHello @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 #68626wensolutionsKeymasterHello @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 #68700biblioParticipantHello @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 #68704wensolutionsKeymasterHello @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 #68812biblioParticipantHello @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 #68828wensolutionsKeymasterHello @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 #68880biblioParticipantHello @wensolutions,
That worked! THANK YOU!
Any solution for the ISSUU icon? 😉March 28, 2018 at 5:14 am #68932wensolutionsKeymasterHello @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 #68941biblioParticipantHello @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 #68950wensolutionsKeymasterHello @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 #69030biblioParticipantOk, 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.