styling quantity and button

[12b]

I am trying to style the quantity input to be all white stroke and icons, but black background so it can sit on a black page.

I would also like to reduce the overall size of the Add to Cart button. Screenshot below

[arminunruh]

hey!

so the shop works best in general if you use a white background.

try this for the add to cart button:

.lay-woocommerce-small-buttons.single-product .single_add_to_cart_button{
height: 32px;
line-height: 30px;
}

quantitiy buttons:

.lay-woocommerce-qty-wrap{
filter: invert(1);
-webkit-filter: invert(1);
}

[arminunruh]

i think you will run into issues with other pages where you'll have some white background somwhere where it should be black

i still need to add options for shops to look ok when using a black background

[12b]

@arminunruh Nice one! This works for the quantity apart from the actual number? image url)

[arminunruh]

ah i see

probably you need some css for the number input!

google "how to use chrome inspector"

google "how to change text color for input"

good luck

for now i think its best to not use a black background color for your website if you have a shop, because you'll run into other parts of the shop that dont work well with black backgrounds