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 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword HighlighterIf you find my answer fit your need, 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