Change font size of Price throughout the website

Shopify Discussion

Topic summary

A user wants to reduce the price font size across their Shopify store from 12px to 11px for better visual appearance.

Solution Provided:

  • Navigate to Shopify Admin ā†’ Online Store ā†’ Themes ā†’ Actions ā†’ Edit Code
  • Locate the base.css file in the Assets folder
  • Add CSS code at the bottom of the file targeting price elements with font-size: 11px !important

The response includes a specific CSS snippet to paste, though the exact selector syntax appears garbled in the conversation. This is a straightforward CSS customization task for adjusting typography across the site.

Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.
1

I want to change the font of all the prices across my website to 11px. Currently it is at 12px and does not look good, Iā€™d like to be of a smaller font size.

URL : https://6375f5-2.myshopify.com/

PW: Getlost12

1 Like
2

Hello there,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.price__regular .price-item--regular {
font-size: 11px!important;
}