How to change font size of text in accordion

43 0 9

Hey, how can I change the font size of the text in my accordion on my product page? Whenever I try to change it, it also changes the text of some of my footer menu text 


id like for all the text in this accordion to be a little smaller please


 My website is: 


any help would be much appreciated 

Replies 4 (4)

Shopify Partner
7514 1450 1448

Hi @doorstepdrip 

Please go to your Online store > Themes > Edit code > open base.css file and add this code at the bottom and save file 

.product__info-container .product__accordion .accordion__content p {
font-size: 14px !important;


- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

Shopify Partner
3689 930 1161

Hey @doorstepdrip 


Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

.product__accordion .accordion__content p {
    font-size: 12px !important;




If I managed to help you then, don't forget to Like it and Mark it as Solution!


Best Regards,

Need a Shopify developer? Chat on WhatsApp

- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

840 175 155

Hi @doorstepdrip ,


You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save


#MainContent .product__accordion .accordion__content{



Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.

Shopify Partner
1052 203 217

Hello @doorstepdrip 👋

Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.product__accordion * {
    font-size: 14px !important;

The result

Screenshot 2023-11-02 at 15.57.09.png

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at