How to remove On-hover Underline from Dynamic Content?

Vishvendra Nathawat

• November 18, 2021 11:41

I'm using Post Excerpt dynamic content and linking to post URL. But, on frontend, when I hover to the content, the underline comes up and I don't want it to come up what should I do?

I've tried these methods, but none of them worked. 

https://support.brizy.io/hc/en-us/community/posts/360060187611-link-underline
https://support.brizy.io/hc/en-us/community/posts/360076953631-Getting-rid-of-underlined-links-Brizy-free-
https://support.brizy.io/hc/en-us/community/posts/360071958712-Brizy-Pro-Link-Styling-Issues

I'm using the latest version of Brizy Free and Pro for WP. 

Thanks.

0

• 

  Permanently deleted user

  • November 18, 2021 12:20

  Hi,

  Thank you for your message.

  The only method to solve this problem is to add some custom CSS, the custom CSS that you have in the above post. So, at the moment you have this custom CSS introduced in our page, and still not working? Please send us the URL of the page and we will check it.

  Best regards, Nelea.

  0
• 

  Vishvendra Nathawat

  • November 19, 2021 10:58
  • Edited

  Here's the link.  And it's using the code available on this post, https://support.brizy.io/hc/en-us/community/posts/360076953631-Getting-rid-of-underlined-links-Brizy-free- 
  
  thanks.

  0
• 

  Denis B

  • November 19, 2021 09:53

  Hi,

  Thank you for your reply.

  Please, use code below to remove underline on hover:

  .brz .brz-rich-text a[href] :not(.brz-ed-content-dc-link):hover, .brz .brz-rich-text .link--external:hover {
     text-decoration: none;
  }

  Let me know if this worked.

  Best regards,
  Denis.

  0
• 

  Permanently deleted user

  • November 19, 2021 09:56

  Hello,

  Please try this to add this Custom CSS : 

  .brz .brz-rich-text .link--anchor:hover, .brz .brz-rich-text .link--external:hover, .brz .brz-rich-text .link--popup:hover {
  text-decoration: none!important;
  }

  .brz .brz-rich-text a[href] :not(.brz-ed-content-dc-link):hover {
  text-decoration: none !important;
  }

   

  or this one :

   

  .brz .brz-rich-text .link--anchor:hover, .brz .brz-rich-text .link--external:hover, .brz .brz-rich-text .link--popup:hover, .brz .brz-rich-text a[href] :not(.brz-ed-content-dc-link):hover{
  text-decoration: none!important;
  }

  Please let us know if all is working fine.

  Best regards, Nelea.

   

   

   

  0
• 

  Vishvendra Nathawat

  • November 19, 2021 10:41

  Hey there, thanks for the codes, but sorry none worked. However, I found a work around. Simply added another archive on the page, then lifted the post excerpt from there and put it where I want. Then, linked it to the post URL and it's not showing any underline. 
  
  So, for now, this worked, and I'm good with it.
  
  Still, thank you for taking your time and providing those codes. 

  0
• 

  Permanently deleted user

  • November 19, 2021 10:52

  Hello,

  I'm glad you managed to solve the problem.

  Let us know if you need anything else.

  Best regards, Nelea.

  0
• 

  Ansist Consult

  • June 15, 2023 21:37

  Hi, I am experiencing the same problem. Already tried all the custom css from above, and also tried adjusting the css myself and everything without success. Any idea if it can be fixed? Greetings Siebe

  I have added the live link and a photo of the Dynamic Content part.

  https://lemon17013115.brizy.site

  0
• 

  Ariel H.

  • June 16, 2023 09:39

  Hi Ansist,

  Thank you for contacting us.

  Could you please try this CSS and see if it works for you?

  .brz .brz-a:not(.brz-btn)[href]:hover {
      text-decoration: none;
  }

  Best regards,
  Ariel H.

  0
• 

  Ansist Consult

  • June 16, 2023 09:44

  YESSSS, it is working in the browser but not in the builder. But the only place where it needs to work is in the browser so thank you so much!! ☺️

  0

Please sign in to leave a comment.