Adjusting row height / padding of accordion on product description section

studiobadu · June 24

Hello, is anyone able to assist please?

Have been trying to style this accordion on the product description section - I would like the heights of each row to be decreased but can't seem to make it any smaller, it just defaults to this even after adding !important; to the code. Does anyone know what code I can use? Site not currently connected to a domain as yet

tuanphan · June 25

You mean reduce space between accordion titles - dividers? Can you share link to this product?

studiobadu · June 26

yea, reducing the height of the dividers.

thank you in advance

https://susu-communityfarm.squarespace.com/programs/p/seasonalyogaclasses
password: asease

tuanphan · June 27

22 hours ago, studiobadu said:

yea, reducing the height of the dividers.

thank you in advance

https://susu-communityfarm.squarespace.com/programs/p/seasonalyogaclasses
password: asease

Add to Design > Custom CSS

/* Product accordion */
[class*="type-products"] .sqs-block-accordion .accordion-item__click-target {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

studiobadu · June 28

legend! Thank you 🙂

Adjusting row height / padding of accordion on product description section

Recommended Posts

studiobadu

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

tuanphan

Posted Images

tuanphan

Link to comment

studiobadu

Link to comment

tuanphan

Link to comment

studiobadu

Link to comment

Create an account or sign in to comment

News

tuanphan

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources