admin管理员组

文章数量:1333450

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?

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?

  • customization
  • buttons
Share Improve this question asked May 29, 2020 at 9:56 P iP i 1014 bronze badges
Add a comment  | 

1 Answer 1

Reset to default 0

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 
    style="color:#f00">$1</span>

本文标签： customizationHow to display strikethrough text in button text (for special offer)

版权声明：本文标题：customization - How to display strikethrough text in button text (for special offer) 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1742352717a2458809.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。