How to change font size of text in accordion

[doorstepdrip]

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: doorstepdrip.com 

any help would be much appreciated 

[Dan-From-Ryviu]

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

[Moeed]

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:

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

Best Regards,
Moeed

[PageFly-Oliver]

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

[ZenoPageBuilder]

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