I'm trying to create a "Purchase for ~$20~ $1" button (using Elementor).

I'm not sure how to achieve the strikethrough.

Also I would like the $1 to be in bold/red.

I suspect I need to dynamically replace the contents of the button using JS. But I'm not sure how to go about that or even if it's the best approach.

Alternatively I could use an image, I guess.

What would be a sensible approach?


It turns out that it is possible to use custom HTML inside the text box when you enter the text for the button:

Special offer: <span 
    style="text-decoration:line-through">$20</span> <span 

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.