Help with small CSS issue

On this site https://******shopva.com/class/improv-actingcomedy-group-adults-3/ 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,
    Wajed

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.