Hover widget links footer underline

  • Resolved festanca

    (@festanca)


    4 years ago

    Hi there guys,

    I am just finishing to build a website, and I have a problem. I just want to remove the underline from the footer widgets (only for the footer widgets, more specifically where I is written Facebook and Soundcloud), but I am not able, as the underline keeps there in black color. I want to leave the underline when hovering but that is already done. I tried to remove the underline making it white, as my page background is white. I am using the following code in advanced css:

    .widget a, .site-footer .widget-area a, .widget_authors a strong {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.widget a:hover, .site-footer .widget-area a:hover, .widget_authors a:hover strong {
	 color: #fff;
	-webkit-box-shadow:inset 0 0 0 rgba(255, 255, 255, 255),0 3px 0 rgba(232, 97, 0, 0.8);
	box-shadow:inset 0 0 0 rgba(255, 255, 255, 255),0 3px 0 rgba(232, 97, 0, 0.8);

    What should I do? THanks!

    • This topic was modified 4 years ago by festanca.

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

Viewing 12 replies - 1 through 12 (of 12 total)
  • Alan Fuller

    (@alanfuller)

    try

    .widget a, .site-footer .widget-area a, .widget_authors a strong {
	-webkit-box-shadow: none;
	box-shadow: none;
        transition: none;
}
    Thread Starter festanca

    (@festanca)

    Hi @alanfuller,

    First thank you for your prompt answer.

    It didn’t work, stayed the same.

    Alan Fuller

    (@alanfuller)

    ah – you have the wrong selector I assume you mean the links below “Then send us a message so we can help you!”

    they are .entry-content a {

    Alan Fuller

    (@alanfuller)

    the full selectors are

    .entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {

    Thread Starter festanca

    (@festanca)

    @alanfuller

    No, I mean the links really in the footer: facebook and soundcloud, so I just want to change the underline thing in the widgets area of the footer, not on the rest.

    Thread Starter festanca

    (@festanca)

    @alanfuller

    Do you have any idea what happens? Which complete code you would put? Thanks.

    Alan Fuller

    (@alanfuller)

    Ah OK. Not sure why you would remove the underlines – reduces accessibility / usability / conversion. But…

    .widget a, .site-footer .widget-area a {
-webkit-box-shadow: none;
	box-shadow: none;
}

    Should work, certainly does when done through browser inspection

    Thread Starter festanca

    (@festanca)

    @alanfuller

    It worked, thank you so much!

    Thread Starter festanca

    (@festanca)

    Alan @alanfuller ,

    Just one thing more. It worked for disabling the underline if it is not hovered, but then when I hover it the underline that comes is black, and I want it the same color of the font. DO you have any idea how to solve that?

    Alan Fuller

    (@alanfuller)

    When I checked just then, it is coming up the same colour as font – so I assume you worked it out.

    Thread Starter festanca

    (@festanca)

    @alanfuller

    Yes, it worked! THank you a lot!

    Alan Fuller

    (@alanfuller)

    You are welcome

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Hover widget links footer underline’ is closed to new replies.