How can I reduce the collapsible row font size in the Stiletto theme?

How can I reduce the collapsible row font size in the Stiletto theme?

missjewellee
Excursionist
43 0 2

 Hi there,

 

I am wanting to reduce the size of the collapsible row heading, it is when using the paragraph font seems to upsize. I have tried a few suggestions on here with not much luck! Theme is stiletto.

www.glowmumma.co.nz

p/w glow123

IMG_8194.jpeg

Replies 14 (14)

Moeed
Shopify Partner
4320 1110 1361

Hey @missjewellee 

 

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__label h3 {
    font-size: 12px !important;
}
</style>

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
missjewellee
Excursionist
43 0 2

Hey Moeed,

 

Thanks for replying! I have tried that code to no avail 😞 it is a heading but uses the paragraph font not sure if that makes any difference? 

Moeed
Shopify Partner
4320 1110 1361

Hey @missjewellee 

 

Can you tell me that on which page exactly is that? if you can share the url of that page then I can provide you the accurate code.

 

Best Regards,

Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
missjewellee
Excursionist
43 0 2

Hello, yes ok it’s 

 

https://glowmumma.co.nz/pages/faqs

Moeed
Shopify Partner
4320 1110 1361

Hey @missjewellee 

 

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>
.collapsible-row-list-item__heading {
    font-size: 15px !important;
}
</style>

RESULT:

Moeed_0-1709022873694.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 Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
missjewellee
Excursionist
43 0 2

Hi Moeed, 

 

Thanks so much, I can see it works for you although I have added that code to the bottom of theme file and it’s not working for me 😞 it is mobile really I am needing this for, is it because I am boring in mobile I can’t see the change? 

missjewellee
Excursionist
43 0 2

* viewing 😂

techlyser_web
Shopify Partner
1779 330 357

Hello @missjewellee 

techlyser_web_0-1709016344569.png

 

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

techlyser_web
Shopify Partner
1779 330 357

Hello @missjewellee 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>
@media screen and (max-width: 767px){
   .fs-body-250 {
     font-size: 14px !important;
   }
}
</style>

techlyser_web_0-1709091512600.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
missjewellee
Excursionist
43 0 2

Hey there, 

 

Thanks for this, I can also see this works for you although when I am adding it in it doesn’t seem to work! Very odd I am putting the code as usual in theme.liquid above body but nothing 😕 

techlyser_web
Shopify Partner
1779 330 357

can you share picture of code where you paste?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
missjewellee
Excursionist
43 0 2

IMG_8233.png

techlyser_web
Shopify Partner
1779 330 357

Hello @missjewellee 

replay the code with below code

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>
@media screen and (max-width: 767px){
  .collapsible-row-list-item span.collapsible-row-list-item__heading {
      font-size: 18px !important;
   }
}
</style>

techlyser_web_0-1709200291821.png

 

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
missjewellee
Excursionist
43 0 2

Still does not work for me, I have no idea why 🤷‍♀️