Quick Shop change

[bestfitbybrazil]

you sent me this code to change quick shop style:  but it places the button way off center on product.  see attached

.product-btn {
top: auto;
bottom: -50px;
left: 0;
-webkit-transform: 0;
transform: 0;
width: 100%;
background: rgba(255,255,255,.85);
}
.product-image:hover .product-btn {
top: auto;
bottom: 0;
}
.btn-quickview.cd.br__40.pl__25.pr__25.bgw.tc.dib {
background: none;
text-transform: uppercase;
color: #222;
}

Attachments:

You must be logged in to view attached files.

[bestfitbybrazil]

<p style=”text-align: left;”>Also I attached what happens on smaller devices. A white film covers entire product</p>

[bestfitbybrazil]

Wasn’t able to attach the file but basically small devices it gets skewed it shouldn’t show at all how to remove from smaller view devices?

[Harry]

Hi,

Please change prev code to

.product-btn {
top: auto;
bottom: -50px;
left: 0;
-webkit-transform: translate(0,0);
transform: translate(0, 0);
width: 100%;
background: rgba(255,255,255,.85);
}
.product-image:hover .product-btn {
top: auto;
bottom: 0;
}
.btn-quickview.cd.br__40.pl__25.pr__25.bgw.tc.dib {
background: none;
text-transform: uppercase;
color: #222;
}

Best reards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[bestfitbybrazil]

ok that fixes the margins but still skewed on mobile devices.  don’t need it on mobile.  how to fix this? i sent you photo from email cause it wasn’t working on your attachments for some reason.

[Harry]

Please add custom css

@media screen and (max-width: 800px) {

.product-btn {background: none;}

}

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[bestfitbybrazil]

really weird that when you send me code, it comes to my email like this “..product-btn {background: none;}” with 2 dots in front of “product” even though it doesn’t show it here.  so code wasnt working but i noticed this at least.

[Harry]

Please remove one dot and copy code on this topic.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts