How can I change the font size for prices on my eCommerce site?

[djawedbhn]

Hi there,

Is it possibe to make price look like in the picture ( the .99 in a smaller font )

Store: https://ezclean.ga/products/kit

any help much appreciated!

[PaulNewton]

That's superscript decimal numbers in prices.

https://en.wikipedia.org/wiki/Subscript_and_superscript 

Merchants that need this price display customization then can contact me, info in sig. Please provide context (store url,theme name, post url with description)

To have small decimal numbers in prices consistently you will need to customize the theme to parse the amount into parts to wrap in <sup> tags or <span> tags to modify the price displays with CSS. Keep in mind such a change does not apply to the checkout process.

 So that any decimals is wrapped in either a <sup> tag to make a superscript element or <span> tag that you can then target with CSS.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/sup 

Some themes have a single modular price snippet so you only need to edit one location, but alot of themes have code for price displays in multiple files. And there is almost always javascript involved what will wipe out the superscript numbers when a variant changes so that has to be modified as well.

Additionally merchants that need this should make a feature request to shopify support about your use case; as unfortunately currently we cannot simply set this up by using a single liquid-filter expression inside the currency formatting settings itself to save the hassle of having to customize the theme. i.e.  ^{{{ amount| split"." | last}}}

https://help.shopify.com/en/manual/payments/currency-formatting 

[ri31]

A filter for this would be nice!