Making project page display a 1 image column instead of two.

On 5/19/2020 at 3:06 PM, tuanphan said:

Your page is not fullwidth, difficult to handle

Add to Home > Design > Custom CSS

/* Set full width all elements */
.collection-type-project #page {
    padding-left: 0;
    padding-right: 0;
}
/* set fullwidth iframe video */
.collection-type-project .intrinsic-inner {
    padding-bottom: 67% !important;
}
/* remove padding bottom */
.project-slide.project-slide-has-no-description.project-slide-landscape {
    padding-bottom: 0 !important;
    margin-bottom: 0;
}

 

Hi Tuanphan & Paul,

I wondered if either or you could help me with making my clients project page display a 1 image column instead of two.

https://cbhd-dev-9ac7.squarespace.com/the-getaway-collection
PW: New-Dev!

Any help would be hugely appreciated.

Thanks

On 10/27/2020 at 3:35 AM, LXK said:

Hey Tuanphan,

Any help on the above would be hugely appreciated. 

I'm looking to force one Product Cover per row on desktop.

Same link and PW as above.

Thank you 🙂

I dont see product in above link. Can you share link to exact page?

On 12/3/2020 at 7:12 PM, LXK said:

Apologies Tuanphan, here you go: https://cbhd-dev-9ac7.squarespace.com/tgc
PW: NEWNEWNEW

Thanks for your help on this 🙂

Add to Home . Design > Custom CSS

body#collection-5e838552c5075501b5dab5d7 div#gridThumbs {
    grid-template-columns: repeat(1,minmax(0,1fr));
}