Add to cart button and product tab customization

Hi,

1. How can I change the background color and the icon color of the add to cart button on product archive page for mobile?

2. How can I change the height of product tab row?

Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

Please, provide your site admin access to the private area.

What tab do you mean? Please provide the page URL.

Best Regards

Hi,

Sorry forget the link.
And the product tab you can refer to this page and the attachment.
https://123.studioyasmina.com/product/%e6%81%90%e9%be%8d%e5%b0%be%e5%b7%b4%e5%be%8c%e8%83%8c%e5%8c%85/

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body.single-product .tabs-layout-tabs .tabs li a {
    padding-top: 10px;
    padding-bottom: 10px;
}

And this code to the Theme Settings > Custom CSS > Mobile/Tablet:

body .wd-hover-quick .wd-add-btn>a {
    opacity: .8;
    color: yellow;
    background-color: red;
}

Best Regards

Hi,

Thanks. Both of the two codes work well. However the cart icon disappears after clicking the button. I want the cart icon still be grey. How to modify it? Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .wd-hover-quick .wd-add-btn>a:hover {
    opacity: .8;
    color: yellow;
    background-color: red;
}

Best Regards

Hi,

It works well. Thanks.

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts