LinkedIn Social Icon looks awful

  • Resolved rolfc64

    (@rolfc64)


    1 year ago

    Hello,

    I have the following problem.

    I added the LinkedIn Social icon into the footer. To accomplish that I use the Social Icon Block. But the icon looks awful.

    When I add the following additional css

    .widget ul li.wp-social-link {
	padding: 0;
	border-style: none
}

    it looks good. But when I hover over the button undesired border lines appears.

    How can I get rid of these border lines?

    Thank you for any hint.

    Regards
    Rolf

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Kavya Gokul (a11n)

    (@properlypurple)

    Hey @rolfc64! You can use the following css to remove that underline

    .site-footer .widget-area ul li a, 
.widget a.wp-block-social-link-anchor:hover {
  box-shadow: none;
  border-bottom: none;
}

    If you don’t like the hover animation, the following css code will help:

    .wp-block-social-link:hover {
  transform: none;
}
    Thread Starter rolfc64

    (@rolfc64)

    Thank you very much @properlypurple. Works perfectly.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘LinkedIn Social Icon looks awful’ is closed to new replies.