Change Link Colour and Weight


I’ve got links in a text widget on my homepage. The text widget html has the text as H2 so it is large and thicker text. The link also appears in the primary colour and the hover is an underlining. That’s ok.

My issue is with other links in non-text widgets. For example Services… The service title is a link but it’s the same colour as the text within the widget so it’s not clear it is a link. The hover over the title gives the primary colour. I’d prefer the title (i.e. the link) to be in the primary colour and have an underline for the hover.

Where can I set this please?

I’ve got Custom CSS and a child theme at the ready :slight_smile:

Thank you.

Hello Dwain,

Please try to use the following CSS code, you did not provide a link to your website, so I don’t know which is your primary color (I used default). However, please feel free to replace #fcd088 with your own primary color in the code below.

You can use something one (CSS plugin or child theme), I prefer child theme.

div.service h3.service-title > a {
    color: #fcd088;

div.service h3.service-title > a:hover {
    text-decoration: underline;

Kind Regards, Roman.

Perfect, thank you

You are welcome Dwain,

Kind Regards, Roman.