I have 2 products on my site. I entered the product descriptions the same way on both products but they are showing different font sizes. I tried all of the solutions listed in this Shopify community but can’t solve my problem. My theme is Dawn.
Topic summary
A user encountered inconsistent font sizes in product descriptions across two items on their Shopify store using the Dawn theme, despite entering the descriptions identically.
Root Cause Identified:
Another contributor discovered the t-shirt description contained embedded HTML formatting code (<span> tags) that the tumbler description lacked, likely from copy-pasting content from another source.
Solution Provided:
A community member shared custom CSS code to be added to the theme.liquid file above the </body> tag, which successfully resolved the font size discrepancy.
Alternative Approaches Discussed:
- Recreating the product from scratch to avoid formatting issues
- Using the “Custom CSS” section instead of editing theme files directly
Status: The issue was resolved using the CSS code solution. The original poster confirmed it worked and expressed gratitude. A follow-up question emerged about applying similar fixes to inconsistent text on a Contact page.
Hey @CuttingEdgeProm
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
As you will see, the tumbler and the shirt descriptions have different font sizes. I like the one that the tumbler has and want the Tshirt to have the same font size and boldness.
Hey @CuttingEdgeProm
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
Thank you! We will work on this later today and will be sure to reply and like and approve your suggestion once it’s done.
1 Like
Take your time and feel free to let me know if you require any other help from my side and I would be more than happy to help you out! Have a great day!
Best Regards,
Moeed
1 Like
Actually, the t-shirt has code like this in description:
Join
and the tumbler does not which means they are not entered the same way.
You could’ve changed the font size or this formatting was carried over from elsewhere if you’ve copied and pasted.
While the code below should help, I’d rather fix your product description.
Even if you’d decide to add CSS code, the better place for it would be “Custom CSS” section setting rather than editing theme code.
Do you think that it was help if I just entered the tshirt again as a new product and deleted the current one? If I do that and start the tshirt from scratch, do you think the description will have the same font as the tumbler?
Moeed, YOU ARE INCREDIBLE!!! Your suggestion fixed my font issue!! It was so easy. thank you so much! I am so grateful!! Sooo appreciate it!!!
Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
1 Like
do I need to edit this code and add it somewhere different if my text size is inconsistent on my Contact page?