Jump to content

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

Recommended Posts

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

Link to comment
  • 5 months later...
  • Replies 2
  • Created
  • Last Reply
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?

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 (affiliate link) - Buy me a coffee (thank you!)

Link to comment
  • 1 month later...
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));
}

 

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 (affiliate link) - Buy me a coffee (thank you!)

Link to comment

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.