How can I adjust the color of 'Add to cart' button text and hide zoom icon on mobile?

Store Design
1

Hey, how do I change the ‘Add to cart’ button text from black to grey.?

And how can I hide the zoom icon on mobile only?

website: https://www.bafaluc.com

2

Hi.

This is PageFly - Advanced Page Builder.

You can go to Online store => themes => actions => edit code and add this code on file theme.css

.product__add-to-cart > span.add-to-cart__text{
color: grey;
}

@media screen and (max-width: 767px){
product__image-zoom{
display: none;
}
}

Hope this helps.

Best Regards;

Pagefly

3

Hey, the zoom icon is still there.

4

Also, the text color only changed on desktop.

5

sorry, can you try this code again

.product__add-to-cart > span {
color: grey !important;
}

@media screen and (max-width: 767px){
.product__image-zoom{
display: none !important;
}
}
6

Hey @PageFly-Victor ,

Still nothing changed.