Text in different font and sizes on product pages

Store Design
,

Topic summary

A user encountered inconsistent font styles and sizes across product pages after adding custom CSS to reduce product description text size. New products displayed different fonts than existing ones.

Original CSS applied:

.product__description.rte.quick-add-hidden {
  font-size: 14px !important;
}

Solution provided:
A community member suggested adding CSS targeting specific elements within product descriptions:

  • Applied font-family and font-size rules to .product__description span
  • Added font-size styling to .product__description>h6
  • Code to be inserted in Asset > base.css

Resolution:
The issue was resolved after the user tested the suggested code. The inconsistent fonts across product pages are now standardized.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Dear All,

I am strugling with the different text fonts on some product pages. I recently added some code to make the product desscription text smaller, and since than every time I add new product with new description the font is different and so is the size. Please advice on how to fix.

Many thanks,

Lumi

Screenshot 2025-04-03 at 11.39.13.png
Screenshot 2025-04-03 at 11.39.13.png582×462 32.1 KB

4 Likes
2

Here is the code added for the text size before I created new products…

.product__description.rte.quick-add-hidden { font-size: 14px !important; }
3

Hi @Magicart ,

Can you provide link to the store?

4

Hey @Magicart

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

5

Hi Moeed,

Here it is.

https://magicartbysofia.com/products/portal-of-the-tides

6

Hello @Magicart ,

Here are the steps to apply the necessary changes in your Shopify store:

  1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
  2. Locate Asset > base.css and paste the following code at the bottom of the file:
.product__description span {
 font-family: Montserrat, sans-serif !important;
 font-size:14px !important;
}

.product__description>h6{
font-size:14px !important;
}

ZestardTech_0-1743677256426.png
ZestardTech_0-1743677256426.png1220×692 526 KB

Let me know if you need further assistance!

7

Thank you ZestardTech,

I tried your code but nothing changed on my side..the text is still different fonts. Any thoughts?

8

Now it worked sorry for that. Many thanks :folded_hands:

2 Likes
9

Thank you. I have tried another code earlier and it works now. But much apreciated your help and compliments. :blush:

1 Like