How can I create a gold gradient button in CSS?

Store Design
, ,
1

Hi! Have read a handful of these forums and have been editing the code for a while, but I think I’m missing something. Trying to create a gold gradient button in my CSS to apply to my add to cart button (will be adding to other buttons as well, but just want to try it out in one place first.) Any ideas on this? I’ve read that something like .add-to-cart {
background-image:linear-gradient(#cea55c, #flcd89, #cea55c) !important;
}

should work but - it’s not working :disappointed_face:

Screen Shot 2021-08-03 at 9.03.23 AM.png
Screen Shot 2021-08-03 at 9.03.23 AM.png770×272 33 KB

LINK: https://noted-by-gp.myshopify.com/?key=f48ec2bdc70552885c62c82d4e4240ce182635653ca5b7eb85b2c98cb46d9a79

2

hello @sbar

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-product .btn.btn--full.add-to-cart{
	background-image: linear-gradient(#cea55c, gold, #cea55c) !important;
}
3

Thanks, but that doesn’t work unfortunately

4

Can you solve ? I use user select on my website check h2 css https://dogfoodjunkie.com