Mercedesgf Posted July 18, 2022 Share Posted July 18, 2022 Site URL: https://dinosaur-collie-betn.squarespace.com/ Hi, I'd like to make the dividers of an accordion wider but keep the text and "plus" symbols in place. For both, the Full Screen and the Mobile version, but only for one accordion that is located in the Homepage. Also, I'd like to reduce the area on top of my accordion. In the attachment: reduce the area marked in red and extend the width of the dividers, as marked in green. Also on the Mobile version. Site password: Fruta111 Thank you! Link to comment
tuanphan Posted July 18, 2022 Share Posted July 18, 2022 Add to Design > Custom CSS .header-border { border: none !important; } .header-width-inset .header-inner { border-top: 1px solid black; border-bottom: 1px solid black; } [data-section-id="62cef7580dd50f49b5af4148"] .content-wrapper { padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; margin: 0 !important; max-width: 100% !important; } p.accordion-item__title-wrapper { padding-left: 2.5vw !Important; } body {overflow-x: hidden;} Mercedesgf 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!) 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