Volt cms - overriding main link style

Hello - I am trying to use a different link style - smaller red font link - but I only get a black text with a red colour underline when I link the text

. It seems that the paragraph style overwrites my style. Anyone have a solution ?
Thank you
Tony

How does your own style looks like in detail?

.txt-link-red{
color:var(–swatch-var-6674)!important;
font-size:16px;
text-decoration:underline!important;
margin-bottom:0px;
padding-bottom:0px;
font-family:“Abel-Regular”;
text-align:center;
font-weight:normal;
}

Try to target the link directly:

.txt-link-red a {

1 Like

Thank-you. I styled it in the css page settings directly.
I thought I could overwrite it directly in Volt.
:pray:
Cheers
Tony

What is this Properties window that I don’t know about?
Is this a Volt feature?

It is, pretty useful if you need more customization options

I put this style in the page settings where it is needed - footer. You could also create an external css and connect it to your whole website if need be.

Or better still, use the code editor and add it to the additional CSS input zone.

That way it’s added to the style sheet.

But then there is nothing there that isn’t an option in the class editor. So you may as well use that and make a custom class.

1 Like

Nice Pete. Thanks great tip.:pray: