Product Description Font Sizes Don’t Match

Solved

Product Description Font Sizes Don’t Match

CuttingEdgeProm
Excursionist
18 1 2

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
6736 1820 2202

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 Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Moeed
Shopify Partner
6736 1820 2202

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 Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

CuttingEdgeProm
Excursionist
18 1 2

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
6736 1820 2202

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 Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 10 (10)

Moeed
Shopify Partner
6736 1820 2202

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 Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


CuttingEdgeProm
Excursionist
18 1 2

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
6736 1820 2202

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 Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


CuttingEdgeProm
Excursionist
18 1 2
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
6736 1820 2202

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 Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


CuttingEdgeProm
Excursionist
18 1 2

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
6736 1820 2202

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 Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Tashlevy
Tourist
8 0 0

do I need to edit this code and add it somewhere different if my text size is inconsistent on my Contact page? 

tim
Shopify Partner
3917 397 1443

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.
I can be reached via e-mail tairli@yahoo.com
CuttingEdgeProm
Excursionist
18 1 2
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?