Pieter Bruegel the Elder, The Tower of Babel (1563)
Pieter Bruegel the Elder, The Tower of Babel, 1563

CSS: bigger or smaller text

Change the base size and every text grows with it; or target headings or prices only.

CSS: bigger or smaller text">
Design, themes & CSS3 steps
Short answer

Change the base size and every text grows with it; or target headings or prices only.

Step by step

  1. 1

    Design & theme → Custom CSS.

  2. 2

    Paste the example and change the numbers.

  3. 3

    Save and refresh on your phone too.

Copy this code

CSS
body { font-size: 17px; }
h1, .t-display { font-size: clamp(40px, 7vw, 96px) !important; }
.p-price, .t-price { font-size: 20px; font-weight: 700; }

Paste it in Dashboard → Design & theme → Custom CSS, then press “Save design”.

Did this guide help?

Related guides

Change fontsChange fontsDashboard → Design & theme → Typography & style: Body font and Headings font.Add custom CSSAdd custom CSSDashboard → Design & theme → Custom CSS. Anything you write there is added to every page of you…