Add to Cart, css styles

[nela_wl]

HI David,
ok, I will try to explain. If you are on the main site with the products (where we solved the problem above), you can click the “add to card” button (whitch is centered now). After you have clicked, the “Add to cart” text changes into “item added to bag” whitch is not centered. It would be great to center it too!! I hope you understand?
Thank you!

[David Martin – Support]

Hi,

Ok, yes I see that. You will need to use some custom CSS

.woocommerce .products .product figure .cart-overlay .shop-actions > a.product-added, 
.woocommerce ul.products li.product figure figcaption .shop-actions > a.product-added:hover {
    margin-left: 20%!important;
}

– David.

[nela_wl]

Great THANK YOU, it WORKS!!!

[Mohammad – SUPPORT]

Hi,
You most welcome. Great thanks to David.
Mohammad

[David Martin – Support]

Marking as resolved.

[nela_wl]

Hi, it´s me again!
Unfortunally I just saw, that the “ADD TO CART” button is not centered at the “related products” now.
Maybe you could send me again one tiny code, or a code for hiding the button complete at the “related products, the crossselling and upselling”? This would work for me too!
Thank you!

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Sure, please use this:

.woocommerce .upsells .products .product figure .cart-overlay,
.woocommerce .related .product .cart-overlay .shop-actions {
    display: none;
}

– David.

[nela_wl]

GREAT!! thank you very much! As far as I am working on this yet, maybe you have another one for hiding just the grey background coulour of the “out of stock” and “new” batch?
This would be amazing!!!
THANK YOU!!

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Use this code below.

.woocommerce .out-of-stock-badge, .wc-new-badge {
    background: transparent!important;
}

-Rui

[nela_wl]

THANK YOU!!!!!!

[Rui Guerreiro – SUPPORT]

No problem.
-Rui

[David Martin – Support]

Thanks Rui!