Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
How do I change the font size of the product description for my default product details section? The bullet points are the correct font size, but the headers are very small.
Hi @jake1212
PLease, share your store URL. Thanks!
Thanks for the info, try this one.
.__pf.__pf_dtYdct1c .pf-52_ [data-pf-type="Accordion.Header"] {
font-size: 22px !important;
}
Note: You have theme.scss.css paste on this file.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
The product page you used as an example, I used Pagefly for. I have no trouble changing the font on that one. I'm talking about this product page that uses the default product details section. https://tieboss.com/collections/all-products/products/tie-boss-hunters-special
Hi @jake1212 ,
You can follow the steps here:
Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there
Here is the code for step 3:
.pf-c * {
font-size: 20px !important;
}
Here is the result:
Please let me know if it works!
Best,
Daisy
The product page you used as an example, I used Pagefly for. I have no trouble changing the font on that one. I'm talking about this product page that uses the default product details section. https://tieboss.com/collections/all-products/products/tie-boss-hunters-special
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025