Social icons not showing in footer

Shapely
1

social icons are not showing in footer, although their link seem to be there when I hoover the mouse over it. I tried deactivating all plugins, but still doesn’t work.
Please have a look on my website: http://zobeidi.ca

2

Hi

Add this css code in the Appearance > Customise > additional CSS:

#social .social_icon span {
display: block !important;
}
3

The social links appear now in the footer but as text. Is there a way to make them show as icons?

Capture
Capture1304×211 9.61 KB

4

Yes, the icons are gone after the update - please help.

5

Hi there

Please use the code I provided above, they are not gone, but the color was changed for some reason

6

Thanks! When will the color be fixed? Adding the “Menu Icons” plugin fixed the issue for me, which is really strange as it seems like a conflict or a missing piece of code that the plugin provided. Maybe the new update wasn’t checked for this. I hope they can fix the new update ASAP as I don’t like installing additional plugins at all.

7

I used the code you provided, it showed only text with no icons.
The icons only showed after I installed the plugin “Menu Icons” as @needhelpwithsite suggested.
Is there a way to fix the issue without an additional plugin? It looks like the theme requires an update to fix it.

1 Like
8

For icon issue, please add this css code:

@import “https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css”

No extra plugin is needed

9

Blockquote[quote=“sadekjaf, post:1, topic:30102, full:true”]
social icons are not showing in footer, although their link seem to be there when I hoover the mouse over it. I tried deactivating all plugins, but still doesn’t work.
Please have a look on my website:https://www.olanside.com
[/quote]

Hi many thanks for asking kindly add this code on the Appearance > Customise > additional CSS:

#social .social_icon span {
display: block !important;
}

I hope it helps.

Many thanks

11

Should I import the css file in a particular folder, or copy the code in it somewhere?
Kindly clarify the steps.

12

Hi

no, not in the file, [quote=“techsmith0, post:9, topic:30102”]
add this code on the Appearance > Customise > additional CSS:
[/quote]

13

Is it possible to get rid of the text and leave the icons?

14

Hi

Yes, it’s possible, please provide URL of your website

15

https://freedomforfido.com/

16

Hi

Are you using this css code:

#social .social_icon span {
display: block !important;
}

in Customizer > additional css? please remove it

18

This post is marked as resolved