Jump to content

Expand 'List' item to fill width of screen

Recommended Posts

  • Replies 8
  • Views 416
  • Created
  • Last Reply

Top Posters In This Topic

Posted
4 hours ago, DreamrW said:

Site URL: https://alpaca-rose-3nt8.squarespace.com/packages

Is there a way to make the bottom list item 'Add Ons' fill the width of the screen? 

https://alpaca-rose-3nt8.squarespace.com/packages

Weddings2022

Screenshot 2022-05-30 at 12.46.13.png

You can try the following code

section[data-section-id="6288cac9b1d0531cd7c14e2e"] li:last-child {
  grid-column: 1/-1;
}

Let me know how it works on your site

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> No-code customisations for Squarespace

Posted
28 minutes ago, bangank36 said:

You can try the following code

section[data-section-id="6288cac9b1d0531cd7c14e2e"] li:last-child {
  grid-column: 1/-1;
}

Let me know how it works on your site

So this happened... 😞

Screenshot 2022-05-30 at 17.57.12.png

Posted
6 hours ago, DreamrW said:

So this happened... 😞

Screenshot 2022-05-30 at 17.57.12.png

Have you added my code on your site? I check it does not exist currently.

BTW, here is my testing

image.thumb.png.534324e29a8a3765aae02bee78b00825.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> No-code customisations for Squarespace

Posted
On 5/31/2022 at 12:26 AM, bangank36 said:

Have you added my code on your site? I check it does not exist currently.

BTW, here is my testing

image.thumb.png.534324e29a8a3765aae02bee78b00825.png

I tried again and got the same result. Have a look now, I'll keep it there for you to see. 

Posted

I check that you add not exact my code

image.thumb.png.f5235d5630b50a1a0376e597dd47ef14.png

The right one is

section[data-section-id="6288cac9b1d0531cd7c14e2e"] li:last-child {
  grid-column: 1/-1;
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> No-code customisations for Squarespace

  • 2 weeks later...
Posted
On 6/9/2022 at 6:41 AM, bangank36 said:

I check that you add not exact my code

image.thumb.png.f5235d5630b50a1a0376e597dd47ef14.png

The right one is

section[data-section-id="6288cac9b1d0531cd7c14e2e"] li:last-child {
  grid-column: 1/-1;
}

 

Still not working 😞 

Do I add that in custom css or page header? I've tried the former and it's still not aligning correctly...

 

Posted
On 5/30/2022 at 5:29 PM, bangank36 said:

You can try the following code

section[data-section-id="6288cac9b1d0531cd7c14e2e"] li:last-child {
  grid-column: 1/-1;
}

Let me know how it works on your site

 

Screenshot 2022-06-21 at 12.04.41.png

Posted

Have you changed the site-wide password, it alerts wrong password at the moment.

Kindly try the following code instead of the old one

section[data-section-id="6288cac9b1d0531cd7c14e2e"] li:last-child {
  /*grid-column: 1/-1;*/
  grid-column-start: 1;
  grid-column-end: -1;
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> No-code customisations for Squarespace

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.