kwerling Posted August 26 Share Posted August 26 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
Marya Posted August 26 Share Posted August 26 @kwerling Are you familiar with finding block IDs? You can adjust this specific accordion's styling this way. Please share the link to your site and I can take a look! Link to comment
kwerling Posted August 27 Author Share Posted August 27 Only somewhat familiar! My site is here: https://www.kwerling.com/ Link to comment
Marya Posted August 27 Share Posted August 27 @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
kwerling Posted August 27 Author Share Posted August 27 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment