Fixing Underling On Hover

Aaron Shields

• March 14, 2024 19:39

In my footer, I'm creating links. Some are to blocks on the page I'm on. Others are to other pages on the site.

The problem I'm running into is that when I hover over the links to blocks on the page, the links underline. But when I hover over links to other pages on the site, they don't underline.

I'd like them to both underline. 

I'm doing this on a staging site so I'd rather have the links to pages rather than enter URLs so I don't have to change them when it goes live.

I tried adding this code:
a:hover { text-decoration: underline !important; }

It adds the underlines to the links to pages in the footer like I want. But it also adds them to the text in buttons, which I don't want. 

0

• 

  Aaron Shields

  • March 14, 2024 19:44

  FYI: I'm using the Blocksy theme if that's relevant.

  0
• 

  Ariel H.

  • March 15, 2024 09:32

  Hi Aaron,

  Thank you for reaching out to us.

  Could you please provide us with the URL so that we can inspect it? Rest assured that we will not publish it on this support thread if you prefer to keep it private.

  I look forward to your response.

  Best regards,
  Ariel H.

  0
• 

  Aaron Shields

  • March 15, 2024 09:42

   

  It's the links in the footer.

  Home, Results, About, and FAQ go to block on the same page and underline when hovered over.

  Services and Newsletter go to other pages and don't underline when hovered over.

  0
• 

  Ariel H.

  • March 15, 2024 11:03
  • Edited

  Hi Aaron,

  Thank you for the update.

  Please try using the following CSS:

  .brz a:hover {
      text-decoration: underline !important;
  }

  I've tested this using an online CSS editor as demonstrated on this screencast: https://youtu.be/ZADYOeOByRY

  Let me know if this helps resolve the issue.

  Kind regards,
  Ariel H.

  0
• 

  Aaron Shields

  • March 15, 2024 11:13
  • Edited

  That looks to be similar to the same I tried.

  The problem with it is that it also adds underlines to the text on buttons when you hover over them.

  (Note: It doesn't add it to buttons attached to forms but it does add it to all buttons that are links to other pages).

  The code is up on the page, so you can see how it's on the buttons.

  0
• 

  Ariel H.

  • March 15, 2024 11:51

  Hi Aaron,

  Could you please provide us with temporary access to your WP Admin login details so we can directly check this issue? Please add us as an Admin user to your WordPress Dashboard and send the following details to communitysupport@brizy.io:

  Community Post link: https://support.brizy.io/hc/en-us/community/posts/17685075914642
  WordPress Admin URL:
  Username:
  Password:

  Best regards,
  Ariel H.

  0
• 

  Aaron Shields

  • March 15, 2024 12:42

  It has been sent.

  0
• 

  Ariel H.

  • March 15, 2024 12:58

  Hi Aaron,

  Thank you for your cooperation.

  The CSS has been removed from the Additional CSS tab and instead, it has been added directly into the global block, as demonstrated in this screencast: https://youtu.be/2oCwvEOFjw4

  Please try this on your end and let me know if you have any further questions.

  Kind regards,
  Ariel H.

  0
• 

  Aaron Shields

  • March 15, 2024 13:03

  Thanks. That worked for most of the site. But, It's also underlining the subscribe in the button in the footer too. Is there any way to remove that?

  0
• 

  Ariel H.

  • March 15, 2024 13:15

  Hi Aaron,

  That is interesting. It doesn't seem to occur on my end: https://youtu.be/sDU1Bx0Lvow
  Could you please try loading your site in incognito mode or try using another browser?

  Best regards,
  Ariel H.

  0
• 

  Aaron Shields

  • March 15, 2024 14:00

  Oops. That worked. Thanks!

  0

Please sign in to leave a comment.