katiedunnit Posted September 30, 2021 Share Posted September 30, 2021 Hey folks, struggling to get the css to do a button like this one attached, anyone know? Plan to add in a "click" effect too. Link to comment
Beyondspace Posted October 1, 2021 Share Posted October 1, 2021 2 hours ago, katiedunnit said: Hey folks, struggling to get the css to do a button like this one attached, anyone know? Plan to add in a "click" effect too. Try box-shadow with 2 box-shadow Reference: https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow buttonCssselector { box-shadow: 5px 5px #fff, 5px 5px 0px 3px black; border-radius: 5px; } 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
tuanphan Posted October 3, 2021 Share Posted October 3, 2021 On 10/1/2021 at 4:14 AM, katiedunnit said: Hey folks, struggling to get the css to do a button like this one attached, anyone know? Plan to add in a "click" effect too. Try #button-block-id a { box-shadow: 5px 5px #fff, 5px 5px 0px 3px black; border-radius: 5px; } Use this tool to find button block id. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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