Jump to content

Changing Accordion Description Font Style

Recommended Posts

  • Replies 8
  • Views 4.2k
  • Created
  • Last Reply

Top Posters In This Topic

Posted (edited)
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 🙂  

Screenshot 2022-02-13 at 5.38.24 PM.png

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

Edited by bangank36

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> No-code customisations for Squarespace

Posted
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! 

Screenshot 2022-02-15 at 11.28.49 AM.png

Posted
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) 

  • 11 months later...
Posted

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

 

image.thumb.png.1bea50ea9f0cd254eed73dec279ac914.png

Posted
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

 

image.thumb.png.1bea50ea9f0cd254eed73dec279ac914.png

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

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

  • 1 month later...
Posted

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?

screenshot of accordian.PNG

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.