![[BigCommerce] Make product image always centered on product details page](https://cdn11.bigcommerce.com/s-c14n6tful3/images/stencil/830x518/uploaded_images/bigcommerce-make-product-image-centered.jpg?t=1516339262 "[BigCommerce] Make product image always centered on product details page")
[BigCommerce] Make product image always centered on product details page
Add the code below in your Storefront > Footer Script:
<style>
@media (min-width: 801px) {
.productView-imageCarousel-main-item > a {
position: relative;
display: block;
height: 0;
padding-top: 100%;
}
.productView-imageCarousel-main-item > a img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
</style>This code works for these themes:
- Supermarket
- Sarahmarket
- Paralbag
- LaParis
- CARIL
Contact us if you need help or mod for other themes.
19th Jan 2018
Theme design & customization blog
-
Cyber Week Sale - 50% Off BigCommerce themes, Shopify themes and services
Happy Cyber Week Sale!We offer 50% off for all our BigCommerce themes, Shopify themes selling on our …26th Nov 2018 -
Multipurpose Sections Shopify Theme For Online Woman Clothing Store - La Paris #11
La Paris 11 is multipurpose Sections Shopify Theme for any online clothing store, especially …15th May 2018 -
Creative Shopify Theme for Online Fashion Store - La Paris #10
Selling hottest clothing is one of the best way to start- up, and choosing a wonderful creat …15th May 2018