Jump to content

Accordion feature and spacing between blocks

Go to solution Solved by tuanphan,

Recommended Posts

I have a question about this page: https://quadra-capital.squarespace.com/capital-raising

password: quadracapital

1. Do you know if it's possible to move the plus icons under the second section to the left and right align the text? I inserted code to create the accordion on the FAQ page but I'm not sure if there's a way to switch the placement of the + icons on this specific page.

2. I had to insert the grey numbers as images. Do you know how I would decrease the padding of these to get them closer to the text boxes below?

Thanks!

Link to comment
  • Solution
.sqs-block-content p {
    text-align: right;
}
.sqs-block-markdown .sqs-block-content:before {
    content: "+";
    float: left;
    font-size: 150%;
    line-height: 120%;
    color: #aaa;
    font-weight: 100;
}

 

div#page-5e25d588c1003e671f2edf5b .sqs-block-image {
    padding-bottom: 0;
}

 

Edited by tuanphan

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
1 hour ago, laurentaylar said:

The first one worked, thank you so much!!

The second doesn't seem to be making any change on the page. I'm not sure why.

use both code, above code and this code

div#page-5e25d588c1003e671f2edf5b .spacer-block {
    padding-bottom: 0;
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 4 weeks later...

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.