[Solved] wpDiscuz widget interfering with social icons

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

11 Replies

Aniko Weber

Customer

(@aniko-weber)

Joined: 5 years ago

Member

Posts: 7

Nov 24, 2020 2:15 pm

Translate ▼

@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: 8 years ago

Illustrious Member

Posts: 6645

Nov 24, 2020 3:37 pm

Translate ▼

Could you please leave some screenshot of the issue?

Aniko Weber

Customer

(@aniko-weber)

Joined: 5 years ago

Member

Posts: 7

Nov 24, 2020 4:43 pm

Translate ▼

@astghik

Astghik

Admin

(@astgh)

Joined: 8 years ago

Illustrious Member

Posts: 6645

Nov 25, 2020 12:20 pm

Translate ▼

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

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:

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

Aniko Weber

Customer

(@aniko-weber)

Joined: 5 years ago

Member

Posts: 7

Nov 25, 2020 7:49 pm

Translate ▼

@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: 8 years ago

Illustrious Member

Posts: 6645

Nov 26, 2020 11:28 am

Translate ▼

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.

Aniko Weber

Customer

(@aniko-weber)

Joined: 5 years ago

Member

Posts: 7

Nov 26, 2020 11:30 am

Translate ▼

@astghik

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

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

Astghik

Admin

(@astgh)

Joined: 8 years ago

Illustrious Member

Posts: 6645

Nov 26, 2020 11:48 am

Translate ▼

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.

Aniko Weber

Customer

(@aniko-weber)

Joined: 5 years ago

Member

Posts: 7

Nov 26, 2020 12:39 pm

Translate ▼

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

Astghik

Admin

(@astgh)

Joined: 8 years ago

Illustrious Member

Posts: 6645

Nov 26, 2020 12:43 pm

Translate ▼

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.

Aniko Weber

Customer

(@aniko-weber)

Joined: 5 years ago

Member

Posts: 7

Nov 26, 2020 1:07 pm