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
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025