How can I change the default paragraph font size in my product description?

[Saffia_Store]

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!

[DavidEKim · Accepted solution]

Hi,

To change the body font size (default paragraph font size), please follow the steps below.

1. Go to Edit code > Layout > theme.liquid file

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

3. Edit font-size: 1.5rem and font-size: 1.6rem to fit your needs (recommend 1.2rem).

4. Save the file and check the product page for the description text size.

Hope it helps.

Thanks.

[Saffia_Store]

Thank you so much @DavidEKim that worked 🙂

[n0f8r]

Thank you!!