Hyperlink underline options

Site URL: https://www.hundredstudio.co.uk

A recurring problem I have is the default underline style 7.1 uses.

For this example, I'd like to have all my body links underlined (and increase bottom spacing), with a change in opacity/style on hover. Removing that animation (which doubles up in some places depending on colour background).

I got the nav links to change how I want.

Very frustrating there's no way to change global style of link styles?

See footer and /contact page for examples.

Thanks 🙂

It looks like you solved?

https://www.hundredstudio.co.uk/contact

Ah not quite @tuanphan, I solved the nav. But I couldn't change those hover effects for the rest of the text in main body. On the footer with the dark background you can still see the animation.

I'd like to remove that. Increase the padding between text and underline. And on hover remove underline.

I'm not sure why there are so many classes and styles for text links.

Thanks!

So turns out, what site animation you use, must effect the classes for links!
(Maybe of interest @tuanphan)

You can see from the two examples below showing difference between Clip and Flex.