removed color and border, so it doesn't stand out as much. also removed
centering of images
}
.page-node-type-product .product .field--name-field-extra-images {
- padding: 5px;
+ padding: 0 11px;
display: flex;
align-items: center;
- border: 1px solid #888;
- border-radius: 10px;
}
.page-node-type-product .product .field--name-field-extra-images .field--item {
display: inline-block;
- margin: auto;
+ margin-right: 15px;
padding: 5px;
}
+.page-node-type-product .product .field--name-field-extra-images .field--item:last-child {
+ margin-right: 0;
+}
.page-node-type-product .product .field--name-field-categories,
.page-node-type-product .product .field--name-field-vendor {
background-color: #fff;
border-color: #aaa;
}
-.page-node-type-product .product .field--name-field-extra-images {
- background-color: #f3f3f3;
- border-color: #aaa;
-}
@media screen and (max-width: 767px) {
.page-node-type-product .product .field--name-field-extra-images {