- This topic has 15 replies, 2 voices, and was last updated 6 years ago by
.
-
Posts
-
Hi,
I’d like to know how can I change an icon from the social media bar, next to quick links.
Thank you.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.
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!!
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.
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:
Thank you 🙂 .
Best Regards!!
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! 🙂
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!!
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.
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!!
Hello @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!
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!!
Hello @wensolutions,
That worked! THANK YOU!
Any solution for the ISSUU icon? 😉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!!
Hello @wensolutions,
This helped indeed. But can’t it be with the ISSUU logo ^^
Thanks for ALL your awsome support!
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!!
- You must be logged in to reply to this topic.
