Jump to content

Chira

Member
  • Posts

    3
  • Joined

  • Last visited

Chira's Achievements

  1. I took a little sometime to figure out how to apply your code to my website element. But it works! It turns out wonderful! I am so happy! 🤩🤩❤️ Thank you so much for your help! Without your help, I wouldn't see my design becomes realized.🙏 .medium-button-style-outline .sqs-alternate-block-style-container .sqs-block-button .sqs-block-button-element--medium{ border-radius: 100rem; padding: 1rem; font-family: 'Helvetica'; letter-spacing: 0.47px; font-weight: bold; font-size: 1rem; padding: 1rem 3rem; color: #f1315a; box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5); border: solid 3px transparent; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #ffefce, #f1315a, #56a9cc); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 2px 1000px 1px #fff inset; } .medium-button-style-outline .sqs-alternate-block-style-container .sqs-block-button .sqs-block-button-element--medium:hover { box-shadow: none; color: white; } This is my result from your code
  2. Thank you very much Christy, I will try the code out 😄 And Will let you know how it would turn 🌷
  3. Hello guys, I am very new with using CSS Custom here. I have seen alot of tutorial for making a button gradient. However, I wish to make the button's border also gradient. I am attaching you my button design. Please let me know how if it possible. Or if there is anyway to replace the button with my own button design? Looking forward to hearing from you and thank you in advance, Chira
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.