Hi I’m trying to add to prices horizontally next to each other.
One is a normal price which I want to display in bold and bigger font, and the other is a crossed out price which I’m currently displaying as rich text using ~price~.
The problem is I can’t figure out how to align them horizontally. I’ve tried concatenating the two into one column and changing the font size using
, but when I do that the crossed out text stops displaying as crossed out.
Any tips?
Thank you!!
You could use inline styling in a rich text component.
For example:
<span style="font-size:40px;font-weight:bold">$100.00</span>
<span style="text-decoration:line-through">$110.00</span>
would render like so:
Tysm! Would there be any way to change the color as well?
Yes, just extend the styling, eg:
<span style="font-size:40px;font-weight:bold; color:red">$100.00</span>
<span style="font-size:20px;text-decoration:line-through; color:green">$110.00</span>
This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.