67Chevy Posted January 7, 2023 Share Posted January 7, 2023 I really love the button detail on this site around "inquire now" any one know how this was done? Curious to learn. https://www.scarletgiliacreative.com/ Link to comment
tuanphan Posted January 8, 2023 Share Posted January 8, 2023 Clicking on Inquire now >> It will? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
67Chevy Posted January 9, 2023 Author Share Posted January 9, 2023 I'm sorry @tuanphan i'm not sure what you mean. Link to comment
67Chevy Posted January 10, 2023 Author Share Posted January 10, 2023 Thanks @TheSquareSpacer super helpful, did you just pull that from the source code? Appreciate it. Link to comment
Solution tuanphan Posted January 14, 2023 Solution Share Posted January 14, 2023 They added a Text Block, then use this CSS to add circle line around text #block-yui_3_17_2_1_1662396411392_1511168::before { content: ''; position: absolute !important; width: 110%; height: 110%; background-image: url('https://static1.squarespace.com/static/5ff4deded948681ea2614e2c/t/63173fb4ce758a47b4dc2d20/1662468020675/button-outline.svg'); background-size: contain; background-repeat: no-repeat; cursor: pointer !important; display: inline-block; margin: 0 auto !important; left: -6% !important; bottom: -6% !important } Use this tool to find text 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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