Solved

Product Description Font Sizes Don’t Match

CuttingEdgeProm
Tourist
10 1 1

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.

Accepted Solutions (4)
Moeed
Shopify Partner
3692 931 1163

This is an accepted solution.

Hey @CuttingEdgeProm 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product__description.rte.quick-add-hidden span {
    font-size: 1.6rem !important;
}
</style>

RESULT:

Moeed_0-1709814431795.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Moeed
Shopify Partner
3692 931 1163

This is an accepted solution.

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

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

CuttingEdgeProm
Tourist
10 1 1

This is an accepted solution.

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!!!

View solution in original post

Moeed
Shopify Partner
3692 931 1163

This is an accepted solution.

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.

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 9 (9)

Moeed
Shopify Partner
3692 931 1163

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

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
CuttingEdgeProm
Tourist
10 1 1

Rollingremembrancemerch.com

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. 

Moeed
Shopify Partner
3692 931 1163

This is an accepted solution.

Hey @CuttingEdgeProm 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product__description.rte.quick-add-hidden span {
    font-size: 1.6rem !important;
}
</style>

RESULT:

Moeed_0-1709814431795.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
CuttingEdgeProm
Tourist
10 1 1
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.
Moeed
Shopify Partner
3692 931 1163

This is an accepted solution.

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

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
CuttingEdgeProm
Tourist
10 1 1

This is an accepted solution.

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!!!

Moeed
Shopify Partner
3692 931 1163

This is an accepted solution.

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.

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

tim
Shopify Expert
3274 235 1183

Actually, the t-shirt has code like this in description:

 

<span style="font-size: 0.875rem;">Join</span>

 

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.

 

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
CuttingEdgeProm
Tourist
10 1 1
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?