You have no items in your shopping cart.

Tuesday, November 29, 2022 10:10:01 PM

Sticker aligment?

Avatar

Posted: 1 year ago

#11447 Quote

mark1978

Posted: 1 year ago

#11447 Quote

Hello again, I can't seem to get some of the stickers to line up on the product details page. I am using the default clean theme.
The TOP-LEFT is OK.
But the BOTTOM-RIGHT is much too far away.

See my images below.

Are you able to see what I'm doing wrong?
Avatar

Posted: 1 year ago

#11448 Quote

Support

Posted: 1 year ago

#11448 Quote

Add these CSS styles in the theme CSS file

.product-grid .item-box .product-item {
text-align: center;
}

.product-grid .item-box .product-item .picture {
position: relative;
display: inline-block;
overflow: visible;
}

.product-grid .item-box .product-item img {
position: static;
}

.product-grid .item-box .picture a::before {
display: none;
}

.product-grid .item-box .picture a {
display: inline-block;
}

.product-grid .item-box .product-item .fns-stickers-alignment-topleft {
top: -10px;
left: -9px;
}

Powered by nopCommerce

Copyright © 2019 FoxNetSoft. All rights reserved