Jump to content

How can I change the button to a gradient color

Recommended Posts

Posted

Hi all

 

I wonder if there is anyway that I can change my button color to a gradient of #8F1200, #631828, to #361D4F.

 

My site: kacy-jung.com

Attached an image to show the button I want to change (primary).

 

Many thanks

Screen Shot 1740-10-19 at 13.43.28.png

  • Replies 4
  • Views 1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Posted
8 hours ago, Kacy-Jung said:

Hi all

 

I wonder if there is anyway that I can change my button color to a gradient of #8F1200, #631828, to #361D4F.

 

My site: kacy-jung.com

Attached an image to show the button I want to change (primary).

 

Many thanks

Screen Shot 1740-10-19 at 13.43.28.png

Add these code on Custom CSS panel in Website Utilities Website Tools > Custom CSS.

.fe-block-yui_3_17_2_1_1718070962874_59572 .sqs-button-element--primary {
    background: radial-gradient(circle, rgba(143,18,0,1) 0%, rgba(99,24,40,1) 50%, rgba(54,29,79,1) 100%) !important;
}

 

Screenshot_97.png

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Posted

Thank you!!

However, can I have a linear gradient from left to right? 

 

Also, is there any way that I can have two color choice or I can only have one option on squarespace? 

Thank you so much. This is amazing!

Screen Shot 1740-10-20 at 19.33.12.png

Screen Shot 1740-10-20 at 19.33.01.png

Posted
1 hour ago, Kacy-Jung said:

Thank you!!

However, can I have a linear gradient from left to right? 

 

Also, is there any way that I can have two color choice or I can only have one option on squarespace? 

Thank you so much. This is amazing!

Screen Shot 1740-10-20 at 19.33.12.png

Screen Shot 1740-10-20 at 19.33.01.png

Yes you can

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • 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.