Brizy Pro Link Styling Issues

Christina L

• July 26, 2020 08:24
• Edited

I'd like to remove the underlines that appears with hyperlinked text - both as text decoration and when hovering over the text.

I've added this to the custom CSS, but the underline still appears when I hover over the text:

a:link {

text-decoration:none;

}

a:visited {

text-decoration:none;

}

a:hover {

text-decoration:none;

}

a:active {

text-decoration:none;

}

Aside: the first time I added this custom CSS to get the underline to disappear for text decoration alone (not hover), I had to delete the text block then create it, before it showed up. This time, as I have padding and formatting all set, I'd rather not delete the text block again. Please advise.

0

• 

  Sandra Prunici

  • July 27, 2020 13:04

  Hi,

  Could you try adding the Custom CSS code inside the block, here? Also, I would suggest adding such code:

  element a {
  text-decoration:none !important;
  }

  element a:visited {

  text-decoration:none !important;

  }

   

  Best regards,
  Sandra

  1
• 

  Christina L

  • July 27, 2020 23:14

  Thanks for this! It worked perfect.

  0
• 

  Sandra Prunici

  • July 28, 2020 07:54

  Great! I'm happy to hear this! Thank you too!

  Best regards,
  Sandra

  0
• 

  Timothy Faux

  • February 01, 2023 02:56

  I've tried all this custom css, searched the support forums up and down, and can't get a underline on hover - or any other styling on hover - to work, adding custom css at the project, block, or element level. Any current advice on this? Brizy cloud builder. Thanks!

  0
• 

  Permanently deleted user

  • February 01, 2023 09:36

  Hi Timothy,

  Can you please try to add this custom CSS   inside the block, here ?

  a{
  text-decoration : none !important;
  }

  a:hover{
  text-decoration : none !important;
  }

  0

Please sign in to leave a comment.