Notifications
Clear all

[Solved] wpDiscuz widget interfering with social icons

13 Posts
2 Users
1 Reactions
1,369 Views
Posts: 7
Customer
Topic starter
(@aniko-weber)
Member
Joined: 4 years ago

I just installed the widget, that works well on my site, but all of the social icons dissapeared from the template.

Could you please help me?

12 Replies
Astghik
Posts: 6149
Admin
(@astgh)
Illustrious Member
Joined: 7 years ago

@aniko-weber,

Please leave some example URL to allow us to check the issue. 

11 Replies
Customer
(@aniko-weber)
Joined: 4 years ago

Member
Posts: 7

@astghik Thanks, of course. https://csajokamotoron.hu/
Now the widget is turned on, but if I turn it off, the social icons appear again.

Astghik
Admin
(@astgh)
Joined: 7 years ago

Illustrious Member
Posts: 6149

@aniko-weber,

Could you please leave some screenshot of the issue? 

Customer
(@aniko-weber)
Joined: 4 years ago

Member
Posts: 7

@astghik

Screenshot 5
Astghik
Admin
(@astgh)
Joined: 7 years ago

Illustrious Member
Posts: 6149

@aniko-weber,

Please provide us the example of the current page, you've got the issue. Currently, we don't see any. Please watch the video below:

https://www.screencast.com/t/NwsEaFAREU1S

Also, please provide us another screenshot. It's too hard to understand where the icons are located. 

Customer
(@aniko-weber)
Joined: 4 years ago

Member
Posts: 7

@astghik

 

Sorry, I send another screenshot. On the video there is no social icon at all.

The site you have shown it, is another url.

 

Here you are: And thank you for your help.

Astghik
Admin
(@astgh)
Joined: 7 years ago

Illustrious Member
Posts: 6149

@aniko-weber,

The screenshot and the current page URL (where we can see the issue) is missing. Please send those, and we'll be able to provide some solution asap.

Customer
(@aniko-weber)
Joined: 4 years ago

Member
Posts: 7

@astghik

Screenshot 8

Screenshot 7

(Sorry I forgot to press the add to post link. 🙂 )

It is on the https://csajokamotoron.hu/

Astghik
Admin
(@astgh)
Joined: 7 years ago

Illustrious Member
Posts: 6149

@aniko-weber,

Use the CSS code below, it should solve the issue:

.social-links .fa { 
font-family: FontAwesome !important;
}

Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again.

Please don't forget to press Ctrl+F5 (twice) on the frontend before checking.

Customer
(@aniko-weber)
Joined: 4 years ago

Member
Posts: 7

@astghik Thank you. They are visible now, but the icons seem to be bold or something.

Astghik
Admin
(@astgh)
Joined: 7 years ago

Illustrious Member
Posts: 6149

@aniko-weber,

you can replace the code with the following one: 

.social-links .fa {
font-family: FontAwesome !important;
font-weight: 100;
font-size: 19px !important;
}

Just change the red marked values as you like. 

Customer
(@aniko-weber)
Joined: 4 years ago

Member
Posts: 7

@astghik

 

Thanks you, it is perfect now. 🙂

 

Share:
Scroll to top