LukeDesign Posted October 7 Posted October 7 Site URL: https://www.lucasano.com/test I am trying to reduce the height of a slideshow full bleed gallery section. The lowest Squarespace allows in the settings is 40%. I want to manually adjust the height so it crops the images vertically. I also need a code to adjust this on mobile. I searched other posts but none of them work. Here is my site: https://www.lucasano.com/test PW: test123! Thank you!
Solution Spark-Plugin Posted October 8 Solution Posted October 8 Hello @LukeDesign, you can do that by adding the following code: Navigate to Pages > Website Tools > Custom CSS. Paste the code into the CSS editor. Hit Save and you’re done Note: Play around with the PX values. // Desktop// .gallery-fullscreen-slideshow[data-width="full-bleed"] { max-width: 100%; padding-left: 0; padding-right: 0; height: 600px !important; } // Mobile// @media screen and (max-width:768px) { .gallery-fullscreen-slideshow[data-width="full-bleed"] { max-width: 100%; padding-left: 0; padding-right: 0; height: 300px !important; } } Hope it helps:) - Answered by Iuno from sparkplugin.com
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment