Hello! I’m trying to change the default paragraph font size and make it smaller as I find the product description to be somewhat large (especially with the font I decided to use)
Any help will be appreciated!
Topic summary
-
Issue: The product description text appears too large by default; the requester wants to reduce the paragraph (body) font size in a Shopify theme.
-
Solution provided: Edit code > Layout > theme.liquid. Locate the body CSS block (around lines 176–194) and change font-size: 1.5rem and, within the @media (min-width: 750px) rule, font-size: 1.6rem to smaller values (suggested 1.2rem). Save and check the product page.
-
Technical note: rem is a CSS unit relative to the root font size; the media query sets a different size on wider screens (≥750px), so adjust both values for consistent sizing.
-
Outcome: The original poster confirms the change worked. Another participant also expressed thanks. The thread is effectively resolved, with a screenshot provided to illustrate where to edit the code.
1 Like
Hi,
To change the body font size (default paragraph font size), please follow the steps below.
-
Go to Edit code > Layout > theme.liquid file
-
Find the code below. (line 176-194)
body {
display: grid;
grid-template-rows: auto auto 1fr auto;
grid-template-columns: 100%;
min-height: 100%;
margin: 0;
font-size: 1.5rem;
letter-spacing: 0.06rem;
line-height: calc(1 + 0.8 / var(--font-body-scale));
font-family: var(--font-body-family);
font-style: var(--font-body-style);
font-weight: var(--font-body-weight);
}
@media screen and (min-width: 750px) {
body {
font-size: 1.6rem;
}
}
-
Edit font-size: 1.5rem and font-size: 1.6rem to fit your needs (recommend 1.2rem).
-
Save the file and check the product page for the description text size.
Hope it helps.
Thanks.
2 Likes
Thank you so much @DavidEKim that worked 
Thank you!!