Shopify themes, liquid, logos, and UX
Hey guys, I've noticed that different products have different font sizes for their product descriptions and I can't figure out how to make it so all the descriptions use the same font size. I've attached a screenshot to show this but my store URL is https://www.alpinetails.com/ and password is Delah11. Editing the products with text pasted from word doesn't make a difference. Thank you in advance for any help.
Solved! Go to the solution
This is an accepted solution.
Hello @Aiturtle
Sorry for misunderstanding, you can try this code instead:
.product-single__description {
font-family: "Your Font Name", sans-serif;
}
Let us know if you need anything else.
Ali Reviews team.
This is an accepted solution.
Hi @Aiturtle,
It seems like your font was styled when you entered the product description. See image below.
You have two options.
1. Try to fix the font inside the product description in your admin page.
2. Try the code below
1. From your Admin page, go to Online store > Themes > Click the three dots > Edit code
2. Find the Asset folder, and open the base.css
3. Add the code below at the very end of the file
.product__description span {
font-family: Akko, sans-serif !important;
font-size: 1rem !important;
}
Hi @Aiturtle,
As I can see, it is not different font sizes, but different font
Oh really? Yes actually on closer inspection I see what you mean. Any idea how I can make the font the same? Thank you
Hi @Aiturtle,
Depending on which font do you prefer?
I'm actually not sure which font is which but I prefer the one on the right. I checked theme settings and I have the font as 'Akko'. So I think thats what I'll go with. I'm not sure why that font hasn't applied to all my product descriptions if that's what is set up in the theme settings
Hello @Aiturtle ,
You can try to take these steps:
.product__description {
font-size: 16px;
font-family: "Helvetica Neue", sans-serif;
}
Note that you can change the font to any font that you want .
Hope this can work.
Ali Reviews team.
Hey there,
Thanks for that but unforunately that didn't make a difference, the fonts are still the same as what I screenshotted. Not too sure what's going on or why I can't change them
This is an accepted solution.
Hello @Aiturtle
Sorry for misunderstanding, you can try this code instead:
.product-single__description {
font-family: "Your Font Name", sans-serif;
}
Let us know if you need anything else.
Ali Reviews team.
This code changed the font for me but didn't change the font size for all my product descriptions, how do I do this too? Thanks!
This is an accepted solution.
Hi @Aiturtle,
It seems like your font was styled when you entered the product description. See image below.
You have two options.
1. Try to fix the font inside the product description in your admin page.
2. Try the code below
1. From your Admin page, go to Online store > Themes > Click the three dots > Edit code
2. Find the Asset folder, and open the base.css
3. Add the code below at the very end of the file
.product__description span {
font-family: Akko, sans-serif !important;
font-size: 1rem !important;
}
Thank you!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025