studiobadu Posted June 24, 2023 Posted June 24, 2023 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 Posted June 25, 2023 Posted June 25, 2023 You mean reduce space between accordion titles - dividers? Can you share link to this product? 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!)
studiobadu Posted June 26, 2023 Author Posted June 26, 2023 yea, reducing the height of the dividers. thank you in advance https://susu-communityfarm.squarespace.com/programs/p/seasonalyogaclasses password: asease
Solution tuanphan Posted June 27, 2023 Solution Posted June 27, 2023 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 1 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment