GregBishopAD Posted October 28, 2020 Share Posted October 28, 2020 Site URL: https://arugula-lychee-4rxg.squarespace.com/config/pages/5f77bae93eaedf59be54e9d1 Link to comment
Beyondspace Posted October 29, 2020 Share Posted October 29, 2020 Your site is password protected, please give the temp password so we can provide a custom code to get over with BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
GregBishopAD Posted October 29, 2020 Author Share Posted October 29, 2020 Thanks for your reply Password to site is "Temp_321" Let me know if there is a problem. Thanks Link to comment
Beyondspace Posted October 30, 2020 Share Posted October 30, 2020 We can take advantage of current widescreen option to make it always 2:1 ratio .tweak-portfolio-grid-basic-image-aspect-ratio-ultra-widescreen .portfolio-grid-basic .grid-image { padding-bottom: 50%; } .gallery-grid[data-aspect-ratio="widescreen"] .gallery-grid-item-wrapper { padding-bottom: 50%; } Place it on Settings->Design->Custom Css BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
GregBishopAD Posted October 30, 2020 Author Share Posted October 30, 2020 Hi Thanks for your assistance This CSS code seems to work by modifying the aspect ratio of the widescreen format. Rather than writing CSS code is there a way to add a 2:1 aspect ratio as an actual clickable independent option within this interface as this is a useful aspect ratio. Also this provided CSS code does not affect other images that are not on this particular gallery page. (ie click "from work with atelierjones" and the following images are cropped. Is there a way to have all images on the website be given a prescribed 2:1 aspect ratio that is not cropped or when they are not 2:1 for them to also not be cropped. Thanks again for your help Link to comment
Beyondspace Posted October 31, 2020 Share Posted October 31, 2020 unforturnately it not become a default option as squarespace did not add it into the dropdown BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Beyondspace Posted October 31, 2020 Share Posted October 31, 2020 .tweak-portfolio-grid-basic-image-aspect-ratio-ultra-widescreen .portfolio-grid-basic .grid-image { padding-bottom: 50%; } .gallery-grid[data-aspect-ratio="widescreen"] .gallery-grid-item-wrapper { padding-bottom: 50%; } BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
GregBishopAD Posted November 1, 2020 Author Share Posted November 1, 2020 So regarding my second question: The provided CSS code does not affect other images that are not on this particular gallery page. (ie click "from work with atelierjones" and the following images are cropped. Is there a way to have all images on the website be given a prescribed 2:1 aspect ratio that is not cropped or when they are not 2:1 for them to also not be cropped? Thanks Link to comment
GregBishopAD Posted November 5, 2020 Author Share Posted November 5, 2020 I haven't seen an answer to my question regarding a setting to have all images shown full width and not cropped. See images below. Thanks for any assistance in advance. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.