Link Color Issues -- Help!?

JPHOTOD · March 9, 2021

Hi All,
I have a link color issue and believe it is due to a conflict with custom CSS, but can't figure it out.

This is the page I am trying to correct the link color:
https://www.jareddevalkphoto.com/Pages/About-Jared-Devalk

Currently it is a light grey and I would like the link to be a shade of blue (#89a6d0). I have tried to force the link color, but the links in the menu change, not in the body copy? Appreciate any assistance of thoughts. I think a change needs to be forced at the site theme level.

That you in advance,
Jared

Hikin' Mike · March 9, 2021

I assume it was this page: https://www.jareddevalkphoto.com/Motorsport-Photography/About/About-Jared-Devalk. Add this to your theme's custom CSS section:

.sm-user-ui .sm-page-widget-text a,
.sm-user-ui .sm-page-widget-text a:hover,
.sm-user-ui .sm-page-widget-text a:active,
.sm-user-ui .sm-page-widget-text a:visited {color: #89a6d0;}

Hikin' Mike · March 9, 2021

I also noticed you have this in your custom CSS:

/* Adds hover effect to all links on site */

a:hover {
  color: #546282 !important;
  }

This will override the code I posted above, so you may want to remove that one.

JPHOTOD · March 10, 2021

@Hikin' Mike said:
I also noticed you have this in your custom CSS:
/* Adds hover effect to all links on site */

a:hover {
  color: #546282 !important;
  }
This will override the code I posted above, so you may want to remove that one.

Got it. Thanks, Mike.

Link Color Issues -- Help!?

Comments