Make the currency symbol smaller than the number.

How can I make the coin symbol icon smaller than the number? The opposite of what appears in the image.

Simplest option would be to use an SVG icon for the currency symbol, that can be resized independently of the text.

Alternative would require CSS:

  1. Select the Headline Block and in Advanced > Additional CSS Classes add:


  1. Highlight the currency text to add the mark tag:
  1. Add some CSS:

.has-currency mark { font-size: 0.5em; }

It works fine!

Thanks a lot