Сообщений в теме: 47

[Rap-61]

Danil (19 Апрель 2015 - 13:39) писал:

Здравствуйте.
В конец main.css добавьте

.respl-items-container .product-image {
height: 165px;
}
.respl-items-container .respl-item.item {
height: 250px;
}

Так же найдите

.yt-tab-listing {
padding: 10px;
overflow: hidden;
}

и замените на

.yt-tab-listing {
padding: 0px 10px 10px;
overflow: hidden;
}

Отлично! кнопки выровнялись, но по-прежнему высота больше, чем каталог. и растянуть их надо

[MikDark]

Rap-61 (19 Апрель 2015 - 16:41) писал:

Отлично! кнопки выровнялись, но по-прежнему высота больше, чем каталог. и растянуть их надо
Screenshot_3.png

В шаблоне main.css найдите код:

.respl-tabs-container .respl-tabs-wrap ul li.respl-tab {
  background-color: #f79242;
  line-height: 100%;
  font-size: 167%;
  color: #fff;
  margin-right: 1px;
  padding: 20px 25px;
  float: left;
  list-style: none;
}

и замените его на:

.respl-tabs-container .respl-tabs-wrap ul li.respl-tab {
  background-color: #f79242;
  line-height: 100%;
  font-size: 167%;
  color: #fff;
  margin-right: 1px;
  padding: 15px 25px;
  float: left;
  list-style: none;
}

[Rap-61]

Здорово! теперь кнопки растянуть нужно

[Rap-61]

и можно как-то плитку выровнять, чтобы не скакала

Прикрепленные изображения

• 

[Ирина345]

Rap-61 (19 Апрель 2015 - 17:05) писал:

и можно как-то плитку выровнять, чтобы не скакала

Здравствуйте, найдите в main.css

.products-grid .item-inner .product-image, .products-list .item-inner .product-image {
  position: relative;
  overflow: hidden;
  padding: 0;
  }

замените на

.products-grid .item-inner .product-image, .products-list .item-inner .product-image {
  position: relative;
  overflow: hidden;
  padding: 0;
  min-height: 259px;
}

[Rap-61]

Ирина345 (20 Апрель 2015 - 14:44) писал:

Здравствуйте, найдите в main.css

.products-grid .item-inner .product-image, .products-list .item-inner .product-image {
position: relative;
overflow: hidden;
padding: 0;
}

замените на

.products-grid .item-inner .product-image, .products-list .item-inner .product-image {
position: relative;
overflow: hidden;
padding: 0;
min-height: 259px;
}

не вышло(((

[Vaccina]

В main.css найдите:

.products-grid .item-inner .product-image, .products-list .item-inner .product-image {
  min-height: 259px;
  overflow: hidden;
  padding: 0;
  position: relative;
}

замените на:

.products-grid .item-inner .product-image, .products-list .item-inner .product-image {
  height: 160px;
  min-height: 160px;
  overflow: hidden;
  padding: 0;
  position: relative;
}

далее найдите:

.products-grid .product-image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  min-height: 130px;
}

замените на:

.products-grid .product-image img {
  display: block;
  height: 100%;
  margin: 0 auto;
  max-width: 100%;
  min-height: 130px;
}

[Rap-61]

Vaccina (21 Апрель 2015 - 01:05) писал:

В main.css найдите:

.products-grid .item-inner .product-image, .products-list .item-inner .product-image {
min-height: 259px;
overflow: hidden;
padding: 0;
position: relative;
}

замените на:

.products-grid .item-inner .product-image, .products-list .item-inner .product-image {
height: 160px;
min-height: 160px;
overflow: hidden;
padding: 0;
position: relative;
}

далее найдите:

.products-grid .product-image img {
display: block;
margin: 0 auto;
max-width: 100%;
min-height: 130px;
}

замените на:

.products-grid .product-image img {
display: block;
height: 100%;
margin: 0 auto;
max-width: 100%;
min-height: 130px;
}

все выровнялось, спасибо!