Creating custom aspect ratios for portfolio page

On 2/22/2023 at 8:33 PM, abian said:

Hi @tuanphan
thank you very much!

I entered the codes and it worked perfectly.

The only problem is that the scroll bars appeared on the side of each project only in the visualisation for the mobile. 
Could you help me remove them please ?

thank you 🙂

 

Which page are you referring to? It looks fine to me

Hi @tuanphan

Yes thank you, in the meantime I had solved it.

I kindly ask you one more information.

Always in the mobile view, I would like to remove the white border on the sides of the images.

Thank you very much!
 

On 1/25/2023 at 9:24 PM, abian said:

hi 🙂 @tuanphan

I also have a similar problem.

I would like to set a customised aspect ratio, an even thinner rectangle than the ultrawide screen, so 48:9 (super-super ultrawide).  

I would like to have this setting only in all preview portfolio pages :

- BESPOKE (furniture, objects, exhibitions)

- STUDIO (public, residential)

 

Thank you in advance!

 

https://grasshopper-bagpipe-xnbp.squarespace.com

password : Architettura9439

 

 

If you want to remove white space on left/right, use this CSS code

@media screen and (max-width:767px) {
div#gridThumbs {
    padding-left: 0 !important;
    padding-right: 0px !important;
}
}

Hello! @tuanphan

I'm having trouble finding the right way to resize the ratio of a portfolio item on a specific page. My site isn't live yet. This is the page link I'd like to have the ratio at 16:9: https://khaki-cat-hfsc.squarespace.com/config/

The others should stay at 2:3 I just can't seem to find the id or link to point the command toward. Thank you so much for your help!

On 5/11/2023 at 8:15 AM, alihaz89 said:

Hello! @tuanphan

I'm having trouble finding the right way to resize the ratio of a portfolio item on a specific page. My site isn't live yet. This is the page link I'd like to have the ratio at 16:9: https://khaki-cat-hfsc.squarespace.com/config/

The others should stay at 2:3 I just can't seem to find the id or link to point the command toward. Thank you so much for your help!

The site is private. You can follow this to share url

Thanks so much for your reply @tuanphan I've added a password. Azakura89!. Here's the link : https://khaki-cat-hfsc.squarespace.com/ Its the page called Graphics, a portfolio page, I'm trying to get the ratio to be 16:9 widescreen instead of 2:3 Vertical like on the prints. 

Thanks again

On 5/13/2023 at 3:47 AM, alihaz89 said:

Thanks so much for your reply @tuanphan I've added a password. Azakura89!. Here's the link : https://khaki-cat-hfsc.squarespace.com/ Its the page called Graphics, a portfolio page, I'm trying to get the ratio to be 16:9 widescreen instead of 2:3 Vertical like on the prints. 

Thanks again

Add to Design > Custom CSS

/* Graphics Page */
body#collection-6452e034a1c60a3e5ae761ce {
.grid-item, .grid-image {
    padding-bottom: 56.25% !important;
}}

@tuanphan

Brilliant! It's working! Lastly, and just so I don't have to bother anyone anymore with this. How do you find this section? I've looked through the inspect section on my browser and was never able to find "collection-6452e034a1c60a3e5ae761ce" can you explain how to find it so I can potentially do it for other pages on my site?

Thank you so very much!

Hi! I'm displaying some posters (A3, aspect ratio is 1:1.4142), how can I set this aspect ratio to this? The aspect ratio right now is 3:4, but it doesn't show the full poster. 😄

Hi,

I am trying to figure out how to have all of my photos set at their original aspect ratio instead of all of them being the exact same. Does anyone know how to do this?

On 5/15/2023 at 2:47 AM, alihaz89 said:

@tuanphan

 

Brilliant! It's working! Lastly, and just so I don't have to bother anyone anymore with this. How do you find this section? I've looked through the inspect section on my browser and was never able to find "collection-6452e034a1c60a3e5ae761ce" can you explain how to find it so I can potentially do it for other pages on my site?

 

Thank you so very much!

It is Page ID, but you can replicate it with data section id, use this free tool to find it

https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff

On 5/19/2023 at 6:22 PM, martijn1295 said:

Hi! I'm displaying some posters (A3, aspect ratio is 1:1.4142), how can I set this aspect ratio to this? The aspect ratio right now is 3:4, but it doesn't show the full poster. 😄

Can you share link to page?

On 2/18/2024 at 11:26 AM, daniellebuilds said:

Hi,

I am trying to figure out how to have all of my photos set at their original aspect ratio instead of all of them being the exact same. Does anyone know how to do this?

Can you share link to a page?