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
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