How can I customize a Buy Now button on an external Wordpress site?

I’ve added a shopify “Buy Now” button to an external Wordpress site. I’m trying to add some css styling to the button with no luck. Any suggestions?

I’ve tried adding the following code to the ‘Additional CSS’ field in Wordpress with no luck:

.shopify-buy__btn {
color: #000 !important;
background-color: #fff !important;
border: 1px #fff!important;
}

.shopify-buy__btn:hover, .shopify-buy__btn:focus {
color: #fff !important;
background-color: #000 !important;
border: 1px #fff!important;
}

Hi @thrette ,

You can only edit the CSS code at the render code of the buy button, refer:

Hope it is clear to you.

1 Like