We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Random bullets in my product description are tiny - Craft Theme

Solved

Random bullets in my product description are tiny - Craft Theme

Celestial_Fluff
Tourist
3 0 2

As title says, for some reason some of my bullets in the product description are tiny. I'm using the Craft theme. 

It's not even consistent either, some have the issue in the middle or top. Not sure how to fix this.

Celestial_Fluff_0-1734310209102.png

 

Accepted Solution (1)
Guleria
Shopify Partner
4299 825 1189

This is an accepted solution.

Yes I was right there is inline css inside the li>  span element

e.g.

 

<li><span style="font-size: 0.875rem;">Crafted from soft minky fur</span></li>

 

 

If you remove this part ( style="font-size: 0.875rem;" ) from ech element then it will fixed automatically.

 

Alternatively you can use this css code.

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code at the bottom:

 

.product__description li span {
    font-size: inherit !important;
}

 

 

Regards
Guleria

- Elevate Your Store with Expert Shopify Services. Email: guleriathakur43@gmail.com - Need a quick fix or a tailored customization? I’ve got you covered.
- Looking to enhance your pages? Try GEMPAGES- a powerful drag & drop page builder.
- Let’s make your store stand out. Get in touch today!
- My Apps: Productify Groups – Smart product grouping made easy.

View solution in original post

Replies 5 (5)

Guleria
Shopify Partner
4299 825 1189

Hello @Celestial_Fluff ,

 

Most probably there is inline css in the html that's why it varies.

btw to confirm please share the URL.

 

Regards
Guleria

- Elevate Your Store with Expert Shopify Services. Email: guleriathakur43@gmail.com - Need a quick fix or a tailored customization? I’ve got you covered.
- Looking to enhance your pages? Try GEMPAGES- a powerful drag & drop page builder.
- Let’s make your store stand out. Get in touch today!
- My Apps: Productify Groups – Smart product grouping made easy.
Celestial_Fluff
Tourist
3 0 2
Guleria
Shopify Partner
4299 825 1189

This is an accepted solution.

Yes I was right there is inline css inside the li>  span element

e.g.

 

<li><span style="font-size: 0.875rem;">Crafted from soft minky fur</span></li>

 

 

If you remove this part ( style="font-size: 0.875rem;" ) from ech element then it will fixed automatically.

 

Alternatively you can use this css code.

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code at the bottom:

 

.product__description li span {
    font-size: inherit !important;
}

 

 

Regards
Guleria

- Elevate Your Store with Expert Shopify Services. Email: guleriathakur43@gmail.com - Need a quick fix or a tailored customization? I’ve got you covered.
- Looking to enhance your pages? Try GEMPAGES- a powerful drag & drop page builder.
- Let’s make your store stand out. Get in touch today!
- My Apps: Productify Groups – Smart product grouping made easy.

devcoders
Shopify Partner
1654 190 545

Hello @Celestial_Fluff 

 

Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!
Celestial_Fluff
Tourist
3 0 2