Перейти к содержимому


Размеры Ячейки В Каталоге


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 Тамерлан

Тамерлан

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

  • Пользователи
  • PipPipPip
  • 98 сообщений

Отправлено 16 Март 2013 - 16:31

Как изменить расстояние между низом картинки и названием товара? а то там пустое поле. И как увеличить расстояние между верхом картинки и ячейкой в предыдущей строке? А то непонятно к чему относится цена и описание - к верхней картинке или к нижней - оно на равных расстояниях. Хотелось бы видеть описание сразу под картинкой. а над картинкой расстояние отделяющее от верхней строки.

И цену сделать красным и побольше шрифтом - это где регулируется?

http://silvermoda.ru/catalog/Кольца-7



Не знаю что еще подправить в main.css. Может добавить параметр?

/* Страница категории. ячейки с товаром */
.goodsListItem {vertical-align:top;width:100px;padding:0px;}
.goodsListItemBlock {height:150px;margin:5px;text-align:center;}
.goodsListItemName {font-size:14px;text-align:top;max-height:3.8em;}
.goodsListItemImage {height:100px;margin-top: 2em}
.goodsListItemPrice {margin-top:1px;}

Сообщение отредактировал Тамерлан: 16 Март 2013 - 16:45


#2 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 17 Март 2013 - 10:22

В файле "main.css" найдите блок
.goodsListItemImage {
height: 100px;
margin-top: 1em;
}
из замените его на
.goodsListItemImage {
height: 77px;
margin-top: 1em;
}
можете поменять значение height на то, которое Вас больше устаивает.
Затем найдите блок
.goodsListItemBlock {
height: 143px;
margin: 5px;
text-align: center;
}
и замените его на
.goodsListItemBlock {
height: 143px;
margin: 5px;
text-align: center;
margin-bottom: 10px;
}

Для изменения цены найдите блок
.num {
font-family: helvetica;
font-style: italic;
white-space: nowrap;
}
и замените на
.num {
font-family: helvetica;
font-style: italic;
white-space: nowrap;
color: red;
font-size: 17px;
}


#3 Тамерлан

Тамерлан

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

  • Пользователи
  • PipPipPip
  • 98 сообщений

Отправлено 17 Март 2013 - 10:46

Спасибо большое !!!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных