The social icons give a round hover. How can i change this?

The social icons give a round hover. How can i change this?

Hello there,

Add this CSS code into Appearance > Customize > Additional CSS in your site dashboard.


.social-menu-widget li:hover {
  border-radius: 0;
}

Regards,
Kharis

Thank you, that worked.
Another question, there is a gap between de title and de icons. I want the icons to center left underneath the title.

now
title
icons

wanted
title
icons

Hello there,

Please share your site link here to allow me to inspect it, so that I can provide you with the working CSS code.

Regards,
Kharis

Sorry for my late respons. I wanted to ‘finish’ the website first.
You can see it here: highlandgamesbythesea.nl

Try adding this custom CSS code:


.footer-widgets ul.social-menu-widget {
  margin-left: 0;
}

Regards,
Kharis

It works! Thank you :smiley:

*resolved

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis