Jump to content

ACCORDION DIVIDERS WIDTH

Recommended Posts

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!

 

Imagen 17-07-22 a las 19.30.jpg

Imagen 17-07-22 a las 19.35.jpg

Link to comment

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;}

 

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.