Jump to content

How to bold accordion subheading font?

Recommended Posts

  • bmuller89 changed the title to How to bold accordion subheading font?
Posted
  1. Select your accordion block
  2. Click the "Design" tab
  3. Select "Title"
  4. Pick a different size

If that isn't what you're looking for... And you don't want to use one of your preset styles..

Get the ID for the block (I suggest using the Squarespace Block ID finder) and paste the following in your custom CSS.

#yourblockid .accordion-item__title {
  font-weight: bold;
}

Changing "#yourblockid" with the ID you get from the tool.

You can also adjust other properties of the title by adding more CSS. E.g.

#yourblockid .accordion-item__title {
  font-weight: bold;
  font-size: 50px;
  text-transform: uppercase;
}

 

Work With Me 🖥️💻📱

Please remember to tag me so that I get a notification and respond to your help requests.

If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly.

You can also thank me or make requests by buying me a coffee . (Caffeine fuels me to take more requests)

For Squarespace Tips & Tricks, visit @squareskills (Youtube 📺 Tutorials)

For Premium and FREE plugins, visit Squareskills (Plugin Store) 🧩

For Custom Plugins email me 🧩

  • 1 year later...
Posted

@KwameAndCo I know this is a bit older - but I am running into the issue where even when I input the block id it is not changing it. It looks something like this. I cannot tell what I am missing.

 

blockyui_3_17_2_1_1692388268894_52666.accordion-item__title {
  font-weight: bold;
}

Posted (edited)
4 minutes ago, MAG1990 said:

@KwameAndCo I know this is a bit older - but I am running into the issue where even when I input the block id it is not changing it. It looks something like this. I cannot tell what I am missing.

 

blockyui_3_17_2_1_1692388268894_52666.accordion-item__title {
  font-weight: bold;
}

I think you have missing "#". Can you try this?

#blockyui_3_17_2_1_1692388268894_52666 .accordion-item__title {
  font-weight: bold;
}

 

Edited by Web_Solutions

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Posted
Just now, MAG1990 said:

Thanks for sending the website URL. The block ID was wrong. Please try this 

#block-yui_3_17_2_1_1692388268894_52666 .accordion-item__title {
  font-weight: bold;
}

 

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Posted

I believe @Web_Solutions has you covered here!

Work With Me 🖥️💻📱

Please remember to tag me so that I get a notification and respond to your help requests.

If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly.

You can also thank me or make requests by buying me a coffee . (Caffeine fuels me to take more requests)

For Squarespace Tips & Tricks, visit @squareskills (Youtube 📺 Tutorials)

For Premium and FREE plugins, visit Squareskills (Plugin Store) 🧩

For Custom Plugins email me 🧩

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.