coffeenclouds Posted March 14, 2022 Share Posted March 14, 2022 Site URL: https://lynx-ukulele-swwd.squarespace.com/ Hi, I'm trying to change the border color of the pill button to a gradient color: This is the code that's not working for me (only the border width does) .primary-button-style-outline .sqs-button-element--primary { border-width: 3px !important; border-color: linear-gradient(to top, #CC0066, #FEA844) !important; } Site URL: https://lynx-ukulele-swwd.squarespace.com/ pw: bwddogs Thanks! Link to comment
coffeenclouds Posted March 16, 2022 Author Share Posted March 16, 2022 @bangank36 Thank you! I cant seem to figure out how to apply the radius though. The inside hover color stays the rounded shape, while the border has corners. I tried the border-radius css but i dont know where to apply that. Link to comment
hostyle01 Posted August 14, 2023 Share Posted August 14, 2023 Hi, I also want to make a gradient outline button, but with no solid fill on normal, only on active, can someone please help? website is https://celery-coyote-65h5.squarespace.com/ / p.word: apf Thanks! Holly Link to comment
creedon Posted August 14, 2023 Share Posted August 14, 2023 1 hour ago, hostyle01 said: I also want to make a gradient outline button, but with no solid fill on normal, only on active I'm not seeing a sign up button on that page. Is the button on a different page? What is the URL? Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
hostyle01 Posted August 14, 2023 Share Posted August 14, 2023 @creedon sorry that was my original design, but I changed the button text. I just wanted to use the gradient button for all medium button instances and the button in the nav. Thanks! 🙂 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