I am working on this site at https://newexplorers.co/ and I am having trouble duplicating the woo commerce css styles for the quantity plus and minus buttons in the modal after you click add to cart.
I want the buttons to look like this
https://newexplorers.co/product/lime-brown-plate
but, when I click the "add to cart" button on this page https://newexplorers.co/event/new-explorers-summer-camp-2023/ the buttons in the modal are not styled correctly.
I’ve added custom css but can’t seem to get the styling right. The buttons are also not displaying correctly on a mobile device.
2
Answers
It’s fairly simple. please update the HTML for the button as shown in the screenshot below.
What we did
1: Add a wrapper for the button,
2: Add the ‘+/-‘ buttons inside the wrapper.
3: Make the wrapper relatively positioned
Add a absolute position for the plus/reduce button