Question

МОЖНО ЛИ ЧТОБ В КАТАЛОГЕ ИБЫЛИ  КАРТИНКИ СЕТКОЙ В 3 РЯДА

Answer 1

1. Перейти в Панель управления - Главная - Дизайн - Управление дизайном(CSS), удалить все содержимое, после вместо удаленного содержимого установить содержимое с файла http://scooterkuzbass.my1.ru/.s/src/css/1728.css - Сохранить.
2. После в стили пропишите:

$tablet: 'max-width: 400px'; // just for now. usually 1024
$mobile: 'max-width: 300px'; // just for now. usually 767
html{ 
    box-sizing:border-box;
    & * {
        box-sizing:inherit;
    }
}
img {
    max-width:100%; 
    height:auto;
}
#container {
    max-width: 100%;
    margin: 0 auto;

    .imgContainer{
        width: 100%;
        line-height: 0;
        font-size: 0;
    }

}

.image {
   display:inline-block;
    padding: 5px;
    width: 33.00%;
    @media (#{$tablet}){
        width: 50%;
    }
    @media (#{$mobile}){
        width: 100%;
    }
    img {
        vertical-align:top;
    }
}

вы хотя-бы прочли бы заново ответ https://www.ucoz.ru/qa/index.php/172611 вроде был такой же практически корпия 99%

Comments

сделал и получилась на компе мобильная весия что делать...........

---

и цветовая гамма не та что от нового шаблона

---

ЕВГЕНИЙ ДУДНИК,

что делатть  ау............

---

ЕВГЕНИЙ ДУДНИК,

Прежде всего не аукайте, после удалите с стилей стили:

 

код

$tablet: 'max-width: 400px'; // just for now. usually 1024
$mobile: 'max-width: 300px'; // just for now. usually 767
html{ 
 box-sizing:border-box;
 & * {
 box-sizing:inherit;
 }
}
img {
 max-width:100%; 
 height:auto;
}
#container {
 max-width: 100%;
 margin: 0 auto;

 .imgContainer{
 width: 100%;
 line-height: 0;
 font-size: 0;
 }

}

.image {
 display:inline-block;
 padding: 5px;
 width: 33.00%;
 @media (#{$tablet}){
 width: 50%;
 }
 @media (#{$mobile}){
 width: 100%;
 }
 img {
 vertical-align:top;
 }
}

и пропишите в стили:

#container {
 max-width: 100%!important;
 margin: 0 auto;
}
 .imgContainer{
 width: 100%;
 line-height: 0;
 font-size: 0;
 }
.image {
 display:inline-block;
 padding: 5px;
 width: 33.00%;
 }
 @media screen and (max-width: 360px) { 
.image {
 width: 33%!important;
 }
 img {
 max-width:100%!important; 
}
}
 @media screen and (min-width: 360px) and (max-width: 650px){ 
.image {
 width: 33%!important;
 }
 img {
 max-width:100%!important; 
}
}

далее сохраните и в браузере кеш очистите https://ukit.com/ru/help/kak-ochistit-cahe если вам не понравится как получится, тогда обратитесь к парням на https://upartner.pro/

---

Yuri_Geruk,

классно. а еще как меньше чуть сделать фото в отзыва

---

ЕВГЕНИЙ ДУДНИК,

Попробуйте дописать в стили в самый низ:

.cMessage img {max-width:200px;}
.cMessage img:hover {max-width:600px;}

---

Yuri_Geruk,

а еще внижнем блоке как выровнять например в 2 колонки так как у вас тут на сайте

---

ЕВГЕНИЙ ДУДНИК,

А еще как в нижнем обращайтесь к ребятам https://upartner.pro/