Jump to content

Adjust H2 style in accordion block only

Recommended Posts

I have an accordion block on my site homepage, and the title of each drawer feels way too big.  I'd like to retain the font it's using, but make it smaller, so that those items feel more secondary to the H2 that's titling the section.

Is there a way to scale down the H2 size for only that accordion block, without changing the H2 size for the rest of the site?

Link to comment
  • Replies 4
  • Views 223
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

@kwerling

If you're referring to your work experience accordion, here's how you'll target that header text! There's a few ways you can do this depending on how you want to style accordions your site.

 

If you want to target all accordions on your site, you can use this code:

.sqs-block-accordion .accordion-item__click-target {
    font-size: 20px!important;
  }

If you want to target the accordion on this page only, use this code: 

#collection-66cb982a21c692384ff09411 { .sqs-block-accordion .accordion-item__click-target {
    font-size: 20px!important;
  }
}

Just change the font size accordingly 🙂

Link to comment

The code for all accordions worked perfectly, thank you!

 

FYI the code for only the "work experience" accordion on my homepage did not work.  That's fine, I can just use the all-site code, but wanted to let you know as an FYI. 

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.