vibemade Posted November 7, 2021 Share Posted November 7, 2021 Site URL: http://vibemade.com/mobile For our mobile-specific page we have a hero section with an image background, text in an image over it, and a button. The space between the text image and the button is too large. I haven't been able to target them as sections since they're within an existing section. How can I reduce the space between the text and button? See image attached. Link to comment
Beyondspace Posted November 7, 2021 Share Posted November 7, 2021 35 minutes ago, vibemade said: Site URL: http://vibemade.com/mobile For our mobile-specific page we have a hero section with an image background, text in an image over it, and a button. The space between the text image and the button is too large. I haven't been able to target them as sections since they're within an existing section. How can I reduce the space between the text and button? See image attached. Is it the result you want to achieve? 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
vibemade Posted November 7, 2021 Author Share Posted November 7, 2021 17 hours ago, bangank36 said: Is it the result you want to achieve? Yes! How'd you do it @bangank36 ? Link to comment
Beyondspace Posted November 7, 2021 Share Posted November 7, 2021 2 hours ago, vibemade said: Yes! How'd you do it @bangank36 ? Hi, You can try adding to Home > Design > Custom Css section[data-section-id="609b461aebc9b414a36f72c2"] .button-block { padding-top: 0; } Let me know how it works on your site Support me by pressing 👍 if this useful for you 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
vibemade Posted November 7, 2021 Author Share Posted November 7, 2021 44 minutes ago, bangank36 said: section[data-section-id="609b461aebc9b414a36f72c2"] .button-block { padding-top: 0; } Gonna try it now. If my basic understanding serves, you're targetting the hero section and then saying "any block of type [button] should have this padding" right? Link to comment
vibemade Posted November 8, 2021 Author Share Posted November 8, 2021 7 hours ago, bangank36 said: section[data-section-id="609b461aebc9b414a36f72c2"] .button-block { padding-top: 0; } Hi @bangank36 this worked! It still wasn't as close as I wanted so I added the following (inside the same section) and it tightened it up even more — posting in case it helps others 🙂 .sqs-row .sqs-block:not(.float):not(.sqs-feature-gated-wrapper):first-child { padding-bottom: 6px; } 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