Blog content link highlight

Sofia Pereira

• September 11, 2023 20:43

Hi Brizy team and KC George,

 

You kindly shared the below with me on the Facebook group:

In your WordPress dashboard under Appearance - Customize under Additional CSS, try adding this code to set normal and hover link colors for the whole site (and not just for blog posts)

/*Add link color and hover color*/

p a {

color: #3581e4 !important;

}

p a:hover {

color: #fe4800 !important;

}

 

And it does work, but I was wondering if there's a way to apply a link color and underline only for the blog post content area (the actual blog text)?

Because I have links in the footer to create a "quick links" type of menu and by doing the above, I am changing the link color for the entire website, which is not exactly what I was looking for if at all possible.

 

I know I gotta learn my CSS :') but in the meantime, I would appreciate if you have any further tricks for this specific case?

Thank you very much, Sofia

0

• 

  Ariel H.

  • September 12, 2023 08:43

  Hi Sofia,

  Thank you for reaching out to us.

  Please try using the following CSS:

  .brz .brz-wp-post-content a {
      width: 100%;
      color: #3581e4 !important; /* Default text color */
      text-decoration: none; /* Default underline style */
  }
  
  .brz .brz-wp-post-content a:hover {
      text-decoration: underline; /* Underline on hover */
      color: #fe4800 !important; /* Text color on hover */
  }

  You may change the colors as needed.

  Please try this and let me know how it goes.

  Best regards,
  Ariel H.

  0
• 

  Sofia Pereira

  • September 12, 2023 20:48

  Yeaah this works :D Thank you so much Ariel!

  0

Please sign in to leave a comment.