Home › Forums › WoodMart support forum › desktop column problem › Reply To: desktop column problem
umitcanyavuz
you say i should play with the pictures one by one?
isn’t that ridiculous?
I used this code before updating and all images were automatically what I wanted
This will take me 1 week if I will deal as you say 🙂
All the images I uploaded on the http://www.tasdekorasyon.com.tr website had become this automatically
no solution?
the code I used before updating:
.woocommerce ul.products li.product .woocommerce-LoopProduct-link>: değil (: ilk çocuk) {
margin-top: 0;
}
.product-grid-item {
arka plan: #fff;
Çerçeve-yarıçapı: 5px;
marjı: 10px;
kutu gölgesi: 0 0 5 piksel rgba (0,0,0,0.1);
dolgu dipli: 15 piksel;
dolgu üstü: 15 piksel;
}
.product-image-link {
konum: göreceli;
dolgu üstü:% 100;
taşma: gizli;
sınır: 1 piksel katı # ee;
}
.product-grid-item .hover-img img, .product-grid-item .product-image-link img {
konum: mutlak;
üst: 0;
sağ: 0;
alt: 0;
sol: 0;
kenar boşluğu: otomatik;
Ekran bloğu;
maksimum genişlik:% 100;
maksimum yükseklik:% 100;
Nesne-fit: ihtiva etmektedir;
}
.woodmart-tab-content .product-grid-item.col-md-3 {
flex: 0 1 kalk (% 20 – 20 piksel);
}
. ürün-grid-item.col-md-3 {
flex: 0 1 kalk (% 25 – 20 piksel);
}
. ürün-grid-item.col-md-4 {
flex: 0 1 kalk (% 33 – 20 piksel);
}
@media (maks. genişlik:
600 piksel ) { .product-grid-item.col-md-4,
.woodmart-tab-content .product-grid-item.col-md-3, .product
-grid-item. col-md-3 {
flex: 0 1 kalk (% 50 – 20 piksel);
}
}