Shopify themes, liquid, logos, and UX
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
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.
Solved! Go to the solution
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
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
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
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?