Help with small CSS issue

On this site https://****** there’s a quantity field with + – buttons (currently invisible but hover over the white area as shown in the attached image). The problem is that they are invisible and positioned in a way they hide part of the field and message behind. How do I fix that with CSS?

  • Abdul Wajed
    • Staff

    Hi Casper,

    I hope you are well today. :slight_smile:

    The following Custom CSS has been added to your Theme Options > Advanced > Custom CSS option and it fixes your input buttons problem. Please check and let me know, is this OK for you.

    .woocommerce .quantity.buttons_added .minus,
    .woocommerce .quantity.buttons_added .plus {
    background: #252525;
    border-radius: 3px;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
    width: 38px;

    .woocommerce .quantity.buttons_added .qty {
    margin-bottom: 0;
    text-align: center;

    Hope this helps! Please let me know if you need any further assistance. :relaxed:

    Have a nice day.

    Best regards,


Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.