Hyper links not working

Edgar Atukunda

• April 17, 2026 09:06

I have tried to have the hyperlinks in the post content (gutenberg editor) colored but they are not working. I have tried to style it but it has failed to work.

p a { color: tomato !important; text-decoration: underline !important; }

 

 

p a:hover,

p a:active,

p a:visited,

p a:focus {

color:teal !important;

  text-decoration: underline !important;

}

 

it keeps showing the same general black font color.

0

• 

  Ariel H.

  • April 17, 2026 09:21

  Hi Edgar,

  Thank you for sharing the details and the CSS you’ve tried.

  Could you please provide the link to the specific page where you’re applying this CSS? Once we’ve inspected the page, we’ll be glad to provide a working CSS solution.

  Looking forward to your reply.

  Best regards,  
  Ariel H.

  0
• 

  Edgar Atukunda

  • April 17, 2026 09:26

  The page is here

  https://darkhillsuganda.com/chimpanzee-tracking-in-uganda 

  And that is a sample of the link that is not working but changes color on hover

  0
• 

  Ariel H.

  • April 17, 2026 10:08

  Hi Edgar,

  Thank you for your patience.

  Could you please try the following CSS on your end:

  .brz-column__items a,
  .brz-column__items a:visited,
  .brz-column__items a:active {
    color: teal;
    text-decoration: none !important;
    border-bottom: 2px solid teal;
  }
  
  .brz-column__items a:hover,
  .brz-column__items a:focus {
    color: #006d6d; /* darker teal */
    border-bottom: 2px solid #006d6d;
  }

  We’ve tested this in an online CSS editor, and it appears to be working as expected.

  

  Please let us know how it goes.

  Best regards,  
  Ariel H.

  0
• 

  Edgar Atukunda

  • April 17, 2026 10:31

  I have added the code but still it only shows on hover only. Check the link and see 

  0
• 

  Ariel H.

  • April 17, 2026 11:54

  Hi Edgar,

  We’ve gone ahead and updated the CSS directly on your website.

  Could you please check the page again on your end and let us know if everything looks good now?

  Best regards,
  Ariel H.

  0
• 

  Edgar Atukunda

  • April 17, 2026 14:26

  Everything is now messed up especially the Main navigation menu. See attached photos

  0
• 

  Edgar Atukunda

  • April 17, 2026 14:26

  

  0
• 

  Edgar Atukunda

  • April 17, 2026 14:29

  We need to isolate the hyper links for the post contents and not the menu links as well. 

  Thank you

  0
• 

  Ariel H.

  • April 17, 2026 14:52

  Hi Edgar,

  To make sure the styling only applies to your single post content and doesn’t affect other areas of the site, we’ve scoped the CSS inside the "singlepost" container. This simply limits the effect of the styles to that specific section.
  

  You may reuse the same styling elsewhere, you can also add the "singlepost" class to any container in your templates, and the styles will apply there as well.
  

  
  Best regards,
  Ariel H.

  0
• 

  Edgar Atukunda

  • April 17, 2026 16:15

  Perfect. This looks good.

  thank you

  0

Please sign in to leave a comment.