LindsEli Posted August 17, 2023 Share Posted August 17, 2023 url https://supersocialinc.squarespace.com/pinata-smashlings how can I remove the extra padding in this gallery section (see screenshot) Link to comment
Solution Lesum Posted August 17, 2023 Solution Share Posted August 17, 2023 @LindsEli Here's a code snippet to remove extra padding on mobile. Add the code under Website > Utilities > Website Tools > Custom CSS. @media only screen and (max-width: 767px) { .gallery-slideshow[data-show-captions="true"][data-thumbnails="false"] { margin-bottom: 70px !important; height: 60vw !important; } .gallery-caption { margin-top: 0 !important; } } Let me know how it goes. Thanks! tuanphan 1 If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
LindsEli Posted August 22, 2023 Author Share Posted August 22, 2023 On 8/17/2023 at 5:56 PM, Lesum said: @LindsEli Here's a code snippet to remove extra padding on mobile. Add the code under Website > Utilities > Website Tools > Custom CSS. @media only screen and (max-width: 767px) { .gallery-slideshow[data-show-captions="true"][data-thumbnails="false"] { margin-bottom: 70px !important; height: 60vw !important; } .gallery-caption { margin-top: 0 !important; } } Let me know how it goes. Thanks! thank you it worked! 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