Jump to content

Adjusting row height / padding of accordion on product description section

Go to solution Solved by tuanphan,

Recommended Posts

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

Screenshot 2023-06-24 at 8.49.32 pm.png

Link to comment
  • Solution
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.