Link Styling

Bianca Isabella Tober

• June 17, 2020 15:24

Hello Brizy Team,

how can I highlight links, like underline them oder make a hover effekt with another color etc.?

Best regards
Bianca

0

• 

  Sandra Prunici

  • June 17, 2020 15:37

  Hi, Bianca,

  Could you please give us more details regarding how did you add the link? If you want to add some styles for a link added to a text, it will be possible to do only with some Custom CSS. If the link is added through the button, then will be possible to add hover color, another color and other styles.

  Thanks!

  Best regards,
  Sandra

  0
• 

  Bianca Isabella Tober

  • June 17, 2020 15:45

  Hey Sandra,
  
  thanks for the fast answer!
  
  I mainly want to change the styling of links added to a text. Can you tell me which Custom CSS is needed and how to add it, please?
  
  Thank you,
  Bianca

  0
• 

  Bianca Isabella Tober

  • June 17, 2020 16:12

  Additionally I have another, maybe similar problem:
  
  I created a blog-template in Brizy and when I create my blog post in Wordpress, I can only highlight text in italic.
  When I highlight parts of the text in bold and preview the result in the Brizy template, the blog text doesn't apply bold at all.
  Also links are not being underlined or look in any way different than the rest of the text.
  Is there a solution to that?
  I would be very grateful!
  
  Thank you,
  Bianca

  0
• 

  Sandra Prunici

  • June 18, 2020 06:44

  Hi Bianca,

  Regarding the Custom CSS - I'm sorry but I can't send Custom CSS because I don't know what styles you want to add for the link but I can show you where you have to add the code. For this you have to enter in the Element's options -> Settings -> More settings -> Advanced -> Custom CSS. Here you have to add the Custom CSS code.

  regarding the problem with bold text styling and underline link styling - yes, we know about this problem and we will strive to fix this problem as soon as possible. This problem was found by many of our users and we found that using this Custom CSS can help to solve this problem:

  element a {
  color: #a83250 !important;
  }

  element p strong {
  font-weight: bold !important;
  }

  Instead of #a83250 you have to add the hex code of the colour you want to place for links. In the editor mode, you will not see these modifications but in the preview, all will be displayed fine. You have to open the Post Content options and go to Settings -> Advanced https://jumpshare.com/v/R9S6X6kWxVHCEgkaFoDT and in the Custom CSS to add the code I send to you.

  Thanks!

   

  Best regards,
  Sandra

  0

Please sign in to leave a comment.