MattFerr Posted March 7, 2021 Share Posted March 7, 2021 Site URL: http://www.mattferr.com I have more than one portfolio page on my photography website. At the moment they’re using a grid layout with a square aspect ratio (see /destinations or /brands). Similarly I’m building out a video portfolio page but I would like that portfolio to have a horizontal(1920x1080) aspect ratio instead. By default when I switch the video portfolio to a horizontal aspect ratio it seems to do it globally site wide. Which is not what I want. How can I achieve this customization to this video portfolio page using css code? Link to comment
Beyondspace Posted March 7, 2021 Share Posted March 7, 2021 17 minutes ago, MattFerr said: Site URL: http://www.mattferr.com I have more than one portfolio page on my photography website. At the moment they’re using a grid layout with a square aspect ratio (see /destinations or /brands). Similarly I’m building out a video portfolio page but I would like that portfolio to have a horizontal(1920x1080) aspect ratio instead. By default when I switch the video portfolio to a horizontal aspect ratio it seems to do it globally site wide. Which is not what I want. How can I achieve this customization to this video portfolio page using css code? what is your video portfolio url BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) 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
MattFerr Posted March 8, 2021 Author Share Posted March 8, 2021 http://mattferr.com/motion Link to comment
Beyondspace Posted March 8, 2021 Share Posted March 8, 2021 1 hour ago, MattFerr said: http://mattferr.com/motion try #collection-6043dacb159ecb2375cc0f80 .portfolio-grid-overlay .grid-image, #collection-6043dacb159ecb2375cc0f80 .portfolio-grid-overlay .grid-item { padding-bottom: 56.25% !important; } BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.