2 column bullet point list

Site URL: https://blenny-daffodil-5dzg.squarespace.com/

I want to make a 2 column bullet point list without editing any other text on the site or around the bullet list. On the site the third banner on the intro page with a bridge for a background. Second group of text has a list of bullets that is what I want to become 2 columns and to in the future be able to change or add the content of the bullets.

Site-wide password?

ProdigySite2021

You looking for an effect something like the following?

Yes exactly. Just with the text above it being unaffected.

The basic effect begins with a text block, line block, text block, line block text block.

Then drag the bottom text block to the right of the middle text block. Notice the blue insertion line. It is critical that the line be small and close the right of the middle text block. Make the wrong insertion and the effect won't work.

Here we see the bottom text block now in place.

When the text blocks are in the proper layout remove the line blocks.

The line blocks are important at first for keeping the text blocks from combining together unexpectedly.

Let us know how it goes.

Thank you so much this did it!

Does this apply to 7.0 only? I've tried to replicate in 7.1 but cannot.

On 3/29/2024 at 2:48 AM, hansworks said:

Does this apply to 7.0 only? I've tried to replicate in 7.1 but cannot.

You can share link to a page in 7.1 where you want to do this, we can check easier

Thanks for your reply

https://playbook-nth.squarespace.com/overview pw NTH2024#

#block-9b5a8b77fa0af9199329

/*2 COLUMNS on desktop/tablet*/
@media screen and (min-width: 640px) {
  .fe-block-9b5a8b77fa0af9199329 {
    column-count: 2;
    column-gap: 60px;
  }
}

I have managed to achieve it with the above code, but having problems with not being able to make text block shorter. The blue outline in the screenshot is the closest I can move the bottom of text block to the text inside.

On 4/3/2024 at 6:23 AM, hansworks said:

Thanks for your reply

https://playbook-nth.squarespace.com/overview pw NTH2024#

#block-9b5a8b77fa0af9199329

/*2 COLUMNS on desktop/tablet*/
@media screen and (min-width: 640px) {
  .fe-block-9b5a8b77fa0af9199329 {
    column-count: 2;
    column-gap: 60px;
  }
}

I have managed to achieve it with the above code, but having problems with not being able to make text block shorter. The blue outline in the screenshot is the closest I can move the bottom of text block to the text inside.

Page doesn't work now. Can you check it again?

Hello. I changed the password 10 min ago when working with squarespace chat support. it has been changed back to NTH2024#

On 4/6/2024 at 1:16 AM, hansworks said:

Hello. I changed the password 10 min ago when working with squarespace chat support. it has been changed back to NTH2024#

The password is correct, but the page doesn't work

Hello again and thanks for your patience. I have created a copy so that you can look at it without it changing.

https://playbook-nth.squarespace.com/role-responsibility-copy

PW: NTH2024#

On 4/10/2024 at 10:22 PM, hansworks said:

Hello again and thanks for your patience. I have created a copy so that you can look at it without it changing.

https://playbook-nth.squarespace.com/role-responsibility-copy

PW: NTH2024#

Now you want to reduce this space?

You can use this code to Website > Website Tools > Custom CSS

/* Space under text */
.fe-6616ad5d281a48227f8ba778 {
    grid-template-rows: repeat(45,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important;
}

Thank you for your reply. This code doesnt seem to have changed the behaviour. narrow screen type is crashing and wider screen has a large gap.