Add to Cart, css styles

[nela_wl]

Hello,

I´m using woocommerce with cardinal theme and I like to change the style of the “add to cart” button on this site (image attached), I think it´s the shop options/ gallery display.
I´d like to have:

– only the text with text decoration underline and no uppercase
– no card symbol
– no white background (… a transparent background)
– and please text centered.

Could you give me the css and tell me where to exchange it?
This would be great! It makes me crazy, I´m searching for the right tag for hours! Thank you! Thank you, thank you!!

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,

Please use this custom css code:-

.cart-overlay{background:transparent !important;}

.product figure .cart-overlay .shop-actions > a, .woocommerce .wishlist_table tr td.product-add-to-cart a{text-align:center !important;}

.product figure .cart-overlay .shop-actions > a:hover, .woocommerce .wishlist_table tr td.product-add-to-cart a:hover{text-decoration:underline !important;}

.product figure .cart-overlay .shop-actions a > i[class*=”ss-“]{display:none !important;}

 

Thanks 🙂
With Best Regards
Mohammad

 

[nela_wl]

Dear Mohammad,

thank you for your great and fast support, now it´s transparent and underlined, and I think it tries to be centered, but not really in relation to the full product image. (attachment!). The cart symbol is still there and the uppercase to. Is there a problem with the hidden “whishlist” maybe?

The “ADD TO CART” should be written : “Add to cart”, no cart symbol and centered in front of the whole product image, just like the price and the name below.
Could you please check again?

THANK YOU!!

Best wishes, Nela

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,

Please provide me specific page url with issue.

Thanks 🙂
With Best Regards
Mohammad

[nela_wl]

Hello,
sorry for the late reply!
The page is not online yet! Should I give you admin access?
And I have another problem with the new add to cart button in the Iphone view!
Thank you!
Best wishes,
Nela

[Mohammad – SUPPORT]

Hi,
Just provide me login detail.
Thanks
Mohammad

[Rui Guerreiro – SUPPORT]

Hi,

We will need that it’s accessible online so we can check those situations.
We will need the url of the pages where the issues exist.

Thanks

-Rui

[nela_wl]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please provide me specific page url with issue.
Thanks
Mohammad

[nela_wl]

Hi,
its the “shop” page, the front page!
https://thevoltashop.com

The listed products have a “add to cart” button on rollover. I would like to have this button centered to the picture. Now its on the left side. And if you could have a look on the Iphone view (the regular one, not the landscape view), I would like to cancel the button on Iphone like on Ipad view…

Thank you!

[Mohammad – SUPPORT]

Hi,
My colleague will assist you shortly because website is not loading at my side.
Thanks
Mohammad

[nela_wl]

Ok, thank you!

[Rui Guerreiro – SUPPORT]

Hi,

Try the code below.

.product figure .cart-overlay .shop-actions > a, .woocommerce .wishlist_table tr td.product-add-to-cart a {
      margin-left: 33%!important;
}

@media only screen and (max-width: 479px){
.product .cart-overlay .shop-actions > a {
    display: none;
}
}

-Rui

[nela_wl]

GREAT, IT WORKS, THANK YOU!!!!
there´s just a tiny thing, can you arrange the same for the “item added to bag” text, that appears after pushing the “add to cart” button? This would great!
THANK YOU!!!

[David Martin – Support]

Hi,

Your supplied URL no longer works?

Could you further explain what you want to do with “item added to bag” text?

Cheers,
David.