Changing Accordion Description Font Style

Site URL: https://www.biofabricate.co/about

Hi, I was wondering if anyone can help with a bit of custom CSS - I want to change the font style in my accordion description from paragraph to heading. At the moment the only choice is paragraph styles! Thanks 🙂  

17 minutes ago, KAC86 said:

Site URL: https://www.biofabricate.co/about

Hi, I was wondering if anyone can help with a bit of custom CSS - I want to change the font style in my accordion description from paragraph to heading. At the moment the only choice is paragraph styles! Thanks 🙂  

Try adding to Home > Design > custom Css

#block-ad80010ec1f48b7b7003 .accordion-item__title, #block-ad80010ec1f48b7b7003  .accordion-item__description * {
  font-family: arial;
}

Choose the right font you want to apply

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

20 minutes ago, bangank36 said:

Try adding to Home > Design > custom Css

#block-ad80010ec1f48b7b7003 .accordion-item__title, #block-ad80010ec1f48b7b7003  .accordion-item__description * {
  font-family: arial;
}

Choose the right font you want to apply

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

Thanks @bangank36 for answering so quickly, it worked a bit! We're using Garamond Premier Pro as our font in 300 weight, and the code changed the accordion to a serif but it doesn't look the same as the other Garamond Pro on the page - I've attached a screenshot. Any thoughts? Thanks! 

Add this CSS

div.accordion-item__dropdown p {
    font-family: garamond-premier-pro-display !important;
}

On 2/19/2022 at 11:11 AM, tuanphan said:

Add this CSS

div.accordion-item__dropdown p {
    font-family: garamond-premier-pro-display !important;
}

 

Thanks so much @tuanphan - all fixed 🙌 (and sorry for the slow thank you - totally missed your response) 

Hello -- brand new here and having a similar situation as KAC86.  I'd like to change the font size in my accordion description so it's not so large. Do I need to change it somehow from paragraph to heading or how can I change the font size? Thanks

On 2/1/2023 at 2:25 AM, spaht said:

Hello -- brand new here and having a similar situation as KAC86.  I'd like to change the font size in my accordion description so it's not so large. Do I need to change it somehow from paragraph to heading or how can I change the font size? Thanks

 

You change paragraph style in Site Styles, or add this to Design > Custom CSS

div.accordion-item__dropdown * {
    font-size: 16px !important;
}

Hi, I have tried the above code but nothing seems to be changing the drop down font size on my site, do you have any ideas?

On 3/27/2023 at 9:53 PM, Printz said:

Hi, I have tried the above code but nothing seems to be changing the drop down font size on my site, do you have any ideas?

Can you share link to About Me page?