How to change the colour of a quick link when hovered over

[Matthew T_]

Hi community!

Looking for some help in amending the colour of the quick links on our portal. The initial colour of the link is ok and I know how to change that but when hovered over, it goes black... I'd like to know if this can be changed? I've been through all of the colours in the branding editor but can't seem to find where to change it...

This is before I hover the cursor over the link which if fine

This is when I hover over the link and would like to change this colour

Any help would be appreciated! Thanks.

[Michael de Boer · Accepted solution]

In the widget CSS it says:
.text-default {
  color: $brand-primary;
  
  &:hover {
    color: darken($brand-primary, 20%);
  }
}

It will darken the text when you hover over it.
Have a look there.

Regards,

Michael

[rubina khatun2]

in the widget's CSS section you can define the color 

.text-default {
  color:color_code ;
  
  &:hover {
    color: color_code;
  }
}

Regards

Rubina

[Matthew T_]

Thanks both, will give this a go!

[rubina khatun2]

Hi Matthew

please mark my comment  Helpful if it has solved your query.