Jump to content

How to make split text blocks?

Recommended Posts

Hi squarespace! Im having a bit of trouble creating a split screen that has text blocks on either side.

Ive figured out how to do the following with an image. However, how do I create the examples attached.

Heres my css code:

section[data-section-id="614a1d0f24ff414dcbe83d34"] {
    .content-wrapper  {
      padding: 0px !important;
      margin: 0px auto;
      display: contents;
.sqs-layout .sqs-row .sqs-block {
  padding-bottom: 0px !important;
  padding-top: 0px !important;

overflow-x: hidden !important;
overflow-y: hidden !important;
.image-card-wrapper .sqs-dynamic-text-container {
  padding: 100px !important;



Screen Shot 2021-09-21 at 2.35.08 PM.png

Screen Shot 2021-09-21 at 8.52.50 AM.png

Link to comment
  • Replies 1
  • Views 865
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.