I wanted to increase these product images, I managed to increase the size, but it cuts part of the image in width and it gets poor, the arrangement of the images is very close together. Does anyone know how to increase product spacing?
I do not know if I did it right. I'm not a programmer, I know very little and I'm moving, if you have a solution, thank you. And if you have how to increase the width of the entire page as well.
.product .product-image {
border-bottom: 1px solid #eee;
font-size: 0;
height: 400px;
width: 100%;
margin-bottom: 15px;
text-align: center;
}
.product .product-image img {
display: inline-block;
max-height: 100%;
max-width: 100%;
height: 400px;
vertical-align: middle;
}
Here you can see the products and the code by inspecting.