0
Выравнивание Описания.
Автор vint1827, 10 мая 2014 13:31
Сообщений в теме: 4
#1
vint1827
-
- Пользователи
-
- 109 сообщений
Продвинутый пользователь
Отправлено 10 Май 2014 - 13:31
Добрый день, Как выравнить описание под фотографиями, чтобы смотрелось красиво? Аккаунт SL-46138
#2
Castiel
-
- Модераторы
-
- 3 519 сообщений
Активный участник
- ГородНижний Новгород
Отправлено 10 Май 2014 - 16:02
vint1827 (10 Май 2014 - 13:31) писал:
Добрый день, Как выравнить описание под фотографиями, чтобы смотрелось красиво? Аккаунт SL-46138
Здравствуйте,
В шаблоне "Товар"
Находим на 712 строке:
<div class="box-content">
Заменяем на:
<div class="box-content" style="float:left;">
В шаблоне "Товар"
Находим на 255 строке:
</div><div class="right" style="width: 100%;">
Заменяем на:
</div><div class="left" style="width: 100%;">
В файле "main.css".
Найти:
.tab-content {padding: 20px;background-color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;border-bottom:4px solid #e1e1e1;margin-bottom:30px;min-height:40px;margin-bottom: 20px;padding-bottom: 37px;z-index: 2;overflow: visible;}
Заменить:
.tab-content {padding: 20px;background-color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;min-height:40px;margin-bottom: 20px;padding-bottom: 37px;z-index: 2;overflow: visible;}
#3
vint1827
-
- Пользователи
-
- 109 сообщений
Продвинутый пользователь
Отправлено 11 Май 2014 - 20:42
Castiel (10 Май 2014 - 16:02) писал:
Здравствуйте,
В шаблоне "Товар"
Находим на 712 строке:
Заменяем на:
В шаблоне "Товар"
Находим на 255 строке:
Заменяем на:
В файле "main.css".
Найти:
Заменить:
В шаблоне "Товар"
Находим на 712 строке:
<div class="box-content">
Заменяем на:
<div class="box-content" style="float:left;">
В шаблоне "Товар"
Находим на 255 строке:
</div><div class="right" style="width: 100%;">Вот что получилось, надпись "С этим товаром смотрят" сместилась на верх, либо буква "С" на некоторых товарах остаётся
Заменяем на:
</div><div class="left" style="width: 100%;">
В файле "main.css".
Найти:
.tab-content {padding: 20px;background-color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;border-bottom:4px solid #e1e1e1;margin-bottom:30px;min-height:40px;margin-bottom: 20px;padding-bottom: 37px;z-index: 2;overflow: visible;}
Заменить:
.tab-content {padding: 20px;background-color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;min-height:40px;margin-bottom: 20px;padding-bottom: 37px;z-index: 2;overflow: visible;}
Полоска еще, как-нибудь может вниз чуть чуть
Прикрепленные изображения
#4
MikDark
-
- Модераторы
-
- 6 468 сообщений
Активный участник
Отправлено 12 Май 2014 - 07:01
vint1827 (11 Май 2014 - 20:42) писал:
Полоска еще, как-нибудь может вниз чуть чуть
В main.css находим:
.product-info > .left {
float: left;
width: 282px;
}
и меняем на:
.product-info > .left {
float: left;
width: 282px;
overflow: hidden;
}
В товаре меняем:
</div><div class="left" style="width: 100%;">
на
</div><div class="left" style="width: 100%; float:none;">
#5
vint1827
-
- Пользователи
-
- 109 сообщений
Продвинутый пользователь
Отправлено 12 Май 2014 - 22:09
MikDark (12 Май 2014 - 07:01) писал:
В main.css находим:
и меняем на:
В товаре меняем:
на
.product-info > .left {
float: left;
width: 282px;
}
и меняем на:
.product-info > .left {
float: left;
width: 282px;
overflow: hidden;
}
В товаре меняем:
</div><div class="left" style="width: 100%;">
на
</div><div class="left" style="width: 100%; float:none;">
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных
