Jump to content

Changing Accordion Description Font Style

Recommended Posts

  • Replies 8
  • Created
  • Last Reply

Top Posters In This Topic

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)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, 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...

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

Link to comment
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
  • 1 month later...
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?

screenshot of accordian.PNG

Can you share link to About Me page?

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.