Blog links not formatting

Paul R

• February 11, 2023 23:35

All the links in my blog are showing up as normal black text instead of as blue. I tried updating through CSS but it changes all the links across my entire website (including pages that already had a blue background—making them invisible!) It looks perfect in the editor but not on the front end. Is this normal??

0

• 

  Paul R

  • February 11, 2023 23:40

  Also, usually links are automatically underline and that is lost as well. 

  0
• 

  KC George

  • February 13, 2023 09:45

  Hi Paul,

  Since Brizy does not allow setting link properties globally, you can only do it through custom CSS. You will have to look at a way to implement a link color and decoration uniformly across the website. For example, consider assigning a link color which contrasts the blue background.

  Normally this CSS works well

  /*Add link color, underline and hover color */
  
  p a {
  color: #3581e4 !important;
    text-decoration: underline;
  }
  
  p a:hover {
      color: #fe4800 !important;
   }

  0
• 

  Paul R

  • February 13, 2023 17:48

  Thanks KC. Is there a way to have this CSS only apply to posts?? I'd love it for the blog but not regular pages. 

  Also, are these links not format-able in the theme? (I'm using Blocksy)

  Thanks!

  0
• 

  Ariel H.

  • February 14, 2023 09:45

  Hi Paul,

  Thank you for the update, please try the following CSS and see if this works for you.

  /*Add link color, underline and hover color */

  .brz-wp-post-content p a {
  color: #3581e4 !important;
    text-decoration: underline;
  }

  .brz-wp-post-content p a:hover {
      color: #fe4800 !important;
   }

  0
• 

  Paul R

  • February 15, 2023 18:49

  Thank you, Ariel! This is exactly what I was looking for! 

  One question though. This works just fine for any paragraph text. But there's a bullet list, then this formatting doesn't work. I'm new to CSS. But is there another code for bulleted text that I could include since "p" isn't catching it?

  0
• 

  KC George

  • February 16, 2023 06:40
  • Edited

  Hi Paul,

  Please try this CSS for adding link formatting to bullet lists

  /*Add link color, underline and hover color to bullet lists*/
  .brz .brz-rich-text__custom a {
      color: #3581e4 !important;
      text-decoration: underline;
  }
  
  .brz .brz-rich-text__custom a:hover {
      color: #fe4800 !important;
      text-decoration: underline;
  }

   

  0
• 

  Stewart Alexander

  • January 13, 2024 23:50

  Thanks for this KC; it was just what I was looking for.

  0

Please sign in to leave a comment.