Jump to content

Accordion feature and spacing between blocks

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
  • Replies 6
  • Views 1.5k
  • Created
  • Last Reply
.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;
}

 

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

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

Link to comment
  • 4 weeks later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.