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
Beyondspace Posted March 15, 2022 Share Posted March 15, 2022 17 hours ago, coffeenclouds said: 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! Try this solution #block-yui_3_17_2_1_1646936511559_5688 a { border: 16px solid transparent; border-image: linear-gradient(45deg, red , yellow); border-image-slice: 1; } But it can make radius for border 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, Lightbox Studio pluginIf 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
Beyondspace Posted March 15, 2022 Share Posted March 15, 2022 My testing 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, Lightbox Studio pluginIf 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
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
Beyondspace Posted March 16, 2022 Share Posted March 16, 2022 12 minutes ago, coffeenclouds said: @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. You can try it in my code for somehow 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, Lightbox Studio pluginIf 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment