Jump to content

Changing Accordion Description Font Style

Recommended Posts

  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
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

Link to comment
  • 11 months later...
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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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.