Need to change decription font size

Store Design
, ,

Topic summary

A Shopify store owner needed to standardize font sizes across product descriptions and metafield blocks on product pages, as they were displaying inconsistently.

Initial Problem:

  • Product description and metafield content (like “Wash Care”) showed different font sizes
  • Custom CSS code added to base.css wasn’t working across two different product templates

Solution Provided:
A community member suggested adding CSS targeting .rte classes in the theme’s Custom CSS section (Theme settings > Customize), with responsive breakpoints:

  • Desktop (PC): 16px
  • Tablet: 14px (specific media query for 820px dimensions)
  • Mobile: 13px (max-width: 800px)

Additional Fix:
For left-aligning the metafield text, the code .template-product .rte { text-align: left; } was recommended.

Status: Issue resolved. The user confirmed the solution worked and thanked the helper.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
11

For Mobile :

@media only screen and (max-width: 800px) {
.rte ul {
    font-size: 13px;
}

.rte p {
    font-size: 13px;
}
}

For Tablet :

@media only screen and (min-width: 820px) and (max-width: 820px) and (min-height: 1180px) and (max-height: 1180px) {  
    .rte ul {  
        font-size: 14px;  
    }  

    .rte p {  
        font-size: 14px;  
    }  
}

For PC:

.rte ul {
    font-size: 16px;
}

.rte p {
    font-size: 16px;
}

yes, please paste it below the code I have sent. For the PC, that I have sent before, you just need to edit the pixels to 16px