item number background

Solved
lesbrons
Excursionist
98 0 39

 

hi,. is there a way to make the cart's item number and it's selectors white background the same as my normal background?

 

cartbox.jpg

0 Likes
dmwwebartisan
Shopify Partner
6582 1536 2002

@lesbrons 

Please share your Website URL !

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
lesbrons
Excursionist
98 0 39

sorry its lesbrons.com

dmwwebartisan
Shopify Partner
6582 1536 2002

@lesbrons 

 Please add the following code at the bottom of your assets/stylesheet.css file.

 

input[type=number].ajax-cart__qty-input {
    background: transparent !important;
}

 

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Natztech
Shopify Partner
887 242 661

 

hello @lesbrons  

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.ajax-cart__cart-items .ajax-cart__item-quantity  .ajax-cart__qty-input {
    	background: transparent  !important; 
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
lesbrons
Excursionist
98 0 39

thank you, that worked for the item number. do you know if theres a way to make the + and - buttons transparent on hover as well?

dmwwebartisan
Shopify Partner
6582 1536 2002

This is an accepted solution.

@lesbrons 

 Please add the following code at the bottom of your assets/stylesheet.css file.

.ajax-cart__cart-item:hover .ajax-cart__qty-control--down, .ajax-cart__cart-item:hover .ajax-cart__qty-control--up {
    background-color: transparent !important;
    border-color: transparent !important;
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
lesbrons
Excursionist
98 0 39

you are amazing, thank you!

0 Likes