I am currently trying to create gradient Buy It Now button on product page. I went to the code editor to change settings in the settings_schema.json file and I changed the type of accent1 from color to color_background. When I got back to the customiser, I was able to put a css code line and I can see the gradient but for a reason or another it does not apply to the button and it becomes completely white as shown on the images below.
I’m not sure if I understand what you mean. Do you want only the currently selected button to change color? If so, you can replace the previous code with the following:
I want to make the gradient color for the Buy it now button. As you can see on the first post, the button is grey. When I changed the settings to make it gradient, the button became white and disappear.
Hello Diego! Sorry to revive an old thread but I was wondering how you would apply this gradient to the add to cart button? Also, would it be possible to apply this gradient to the rest of the buttons in the cart/checkout process? Side note, the variant-selector button gradient snippet you provided in 2021 still works perfectly! Thanks!
