How to change font size of text in accordion

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

356C7263-D550-4EAD-94F7-FA0E98458B65.png



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

 

 My website is: doorstepdrip.com 

 

any help would be much appreciated 

saon
Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
6894 1301 1329

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

Moeed
Shopify Partner
3531 890 1106

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

<style>
.product__accordion .accordion__content p {
    font-size: 12px !important;
}
</style>

RESULT:

Moeed_0-1698912250321.png

 

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

 

Best Regards,
Moeed

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. ❤️
Canva to Shopify in clicks - Free App

PageFly-Oliver
Globetrotter
695 135 129

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

 

<style>
#MainContent .product__accordion .accordion__content{
font-size:13,5px
}
</style>

 

 

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.

ZenoPageBuilder
Shopify Partner
1041 202 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 zenobuilder.com