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) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget 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 Beyondspace 1 Link to comment
Solution Beyondspace Posted March 8, 2021 Solution 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; } tuanphan 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget 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
Create an account or sign in to comment
You need to be a member in order to leave a comment