Change font size of Price throughout the website

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.

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

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;
}