skip to Main Content

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
enter image description here

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.
enter image description here

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


  1. 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

    enter image description here

    Login or Signup to reply.
  2. enter image description here

    Add a absolute position for the plus/reduce button

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search