Add to cart button border-CodePudding

please I have got below CSS to change mobile add to cart button background to gold color

.add-to-cart-wrap .button::before {
  background:gold !important;
}

I'd like to make the border color "purple". Thanks

CodePudding user response：

This solution does what you need:

.add-to-cart-wrap .button {background-color: gold; border: 1px solid purple;}

CodePudding user response：

If button is a standalone element then you can try this.

Update example As you can see here it works, you just have to figure out if you have other css selectors affecting your button, in that case use them to change the css.

.button {
background: gold; 
border: 1px solid purple;
width: 100px;
height: 100px;
border-radius: 100px;
}

<button >Cart</button>

.button {
   background: gold !important; 
   border: 1px solid purple;
}

Otherwise, if button is a class belonging to the tag that contains .add-to-cart-wrap then try this

.add-to-cart-wrap.button {
   background: gold !important; 
   border: 1px solid purple;
}