Help to Underline button text on a single button using custom css

[DanielUK]

I'd like to underline the text inside a button on an "image banner" section.

My website is www.reflektclothing.co.uk using Dawn 14.0.0

I don't want ALL buttons to have their text underlined, just this one:

I found a code on another thread:

<style>
a.button.button--secondary:after {
box-shadow: unset !important;
}
a.button.button--secondary {
text-decoration: underline !important;
}
</style>

If I add this to Custom CSS it seems to work in the preview window, but it won't let me save, and reports an error:

Any assistance would be greatly appreciated!

[LuffyOnePiece · Accepted solution]

Hi @DanielUK ,

Add below CSS on custom css and donot use style tag inside the custom css.

a.button.button--secondary {
    text-decoration: underline;
}

Thank you

[DanielUK]

Thank you so much!

[Rahul_dhiman]

Hello @DanielUK ,
Please find below the screenshot and the CSS, and add css as per screenshot.
this CSS will underline only the required button and will not effect other buttons.

a.button.button--secondary {
  text-decoration: underline;
}
.button--secondary:after {
  --border-opacity: none;
}

Let me know if the issue is solved.
please mark the solution as accepted and press the like button.
Thanks