Шрифт
#61
Отправлено 08 Февраль 2012 - 16:46
Скажите, пожалуйста, как изменить цвет шрифта короткого описания товара.
Спасибо!
#62
Отправлено 08 Февраль 2012 - 21:41
.goods_filters { font-family: georgia; font-size: 14px; font-style: italic; }
Цитата
Попробуйте в файл стилей main.css добавить класс
.contm p { color:#000; }
Далее изменить свойство color на необходимый цвет.
#63
Отправлено 09 Февраль 2012 - 08:50
Мне нужно изменить шрифт на "italic 14px Georgia" В:
1. в фильтрах по товарам;
2. Надписи "Таблица Список" (альтернативы выдачи каталога)
3. Надписи "Показывать по" (лимиты выдачи каталога)
т.е. сделать его с одном стиле со шрифтами сайта.
Как это сделать? Страницу с фильтрами и этими надписями можно смотреть http://klevermart.ru...alog/Shiseido-3
Спасибо, LION
#64
Отправлено 09 Февраль 2012 - 21:57
<li class="goods_filters"
до </select>
в новый блок
<div style="font-size: 14px; font-family: georgia; font-style: italic;">...</div>
#65
Отправлено 10 Февраль 2012 - 07:31
LION
#66
Отправлено 10 Февраль 2012 - 23:44
Есть блок
<div class="test"> тут содержание блока... </div>
необходимо этот блок обвернуть в новый дополнительный блок
<div class="test2">...</div>
В итоге получим
<div class="test2"> <div class="test"> тут содержание блока... </div> </div>
#67
Отправлено 18 Март 2012 - 04:31
#68
Отправлено 19 Март 2012 - 21:27
.goodsListItemBlock a span span { color: #339900; font-size: 17px; font-weight: bold; }
#69
Отправлено 02 Апрель 2012 - 17:17
Подскажите, пожалуйста, как поменять шрифт в заголовках и в верхнем меню? Все, что нашла по шрифтам - прочитала, но нигде не нашла конкретного описания вставить то-то туда и будет то-то свой шрифт, на который хочу поменять, загрузила в файлы, а вот куда теперь его приписать - не знаю. Помогите, пожалуйста!
#70
Отправлено 03 Апрель 2012 - 16:59
А для изменения шрифта у необходимого блока - необходимо прописать его имя как значение свойства font-family
Для верхнего меню навигации это класс
#mainmenu li a { background: url("http://img.storeland.ru/web/upload/assets/images/10/9976/tm_link_border.gif") no-repeat scroll right top transparent; color: #FFFFFF; display: block; float: left; font: bold 12px/40px Helvetica,Tahoma,Arial,sans-serif; padding-left: 15px; padding-right: 15px; text-decoration: none; text-transform: uppercase; }
а для заголовков это
.page-headline h1 { color: #000000; font: 30px/70px "Trebuchet MS",Arial,Helvetica,sans-serif; height: 2em; overflow: hidden; padding-left: 20px; position: absolute; width: 940px; }
#71
Отправлено 04 Апрель 2012 - 13:07
@font-face {
font-family: "for_header";
src: url("http://storeland.ru/...de_Regular.ttf")
}
и как отобразить в блоке шрифт?
.page-headline {height: 81px;position:relative;}
.page-headline h1 {
position:absolute; width:940px;
font: 30px/70px {font-family: "for_header", Arial, Helvetica, sans-serif};
color: #663399;
padding-left: 20px;
height:2em;overflow:hidden;
}
так? но так не показывается, поменялась только высота..
#72
Отправлено 04 Апрель 2012 - 19:37
@font-face { font-family: "for_header"; src: url("http://storeland.ru/img/version20/Lucida_Sans_Unicode_Regular.ttf") }
вы вставляете в файл стилей main.jss
В данном классе font-family задает имя шрифта - в данном случае это "for_header"
src указывает путь к шрифту.
Далее в том же классе .page-headline h1 задаете это шрифт. Это будет
.page-headline h1 { position:absolute; width:940px; font: 30px/70px {font-family: "for_header", Arial, Helvetica, sans-serif}; color: #663399; padding-left: 20px; height:2em;overflow:hidden; font-family: "for_header"; }
#73
Отправлено 04 Апрель 2012 - 21:00
#75
Отправлено 05 Сентябрь 2012 - 07:17
.goodsListItemName a { font-size: 16px; font-weight: normal; line-height: 18px; margin: 0; padding: 0; }
А размеры самого блока в
.goodsListItem { overflow: hidden; padding: 0; text-align: center; vertical-align: top; width: 195px; } .goodsListItemBlock { height: 300px; margin: 5px; overflow: hidden; width: 210px; } .goodsListItemImage { border-collapse: collapse; border-spacing: 0; height: 185px; margin-top: 1em; width: 100%; } .goodsListItemName { margin: 0; max-height: 72px; overflow: hidden; padding: 0 3px 0.5em; }
Размеры задаются через свойства width и height
#76
Отправлено 05 Сентябрь 2012 - 08:33
#77
Отправлено 13 Сентябрь 2012 - 10:45
1. Как поменять размер картинки в блоке
2. Как поменять шрифт, размер и цвет цены в блоке
3. Цвет и шрифт названия товара в блоке
Про шрифт категорий нашёл отдельную тему, так что этот вопрос на картинке можно пропустить.
#78
Отправлено 14 Сентябрь 2012 - 08:53
Размер блока с изображением задается в классе
.goodsListItemImage a { display: block; height: 185px; }
и
.goodsListItemImage { border-collapse: collapse; border-spacing: 0; height: 185px; margin-top: 1em; width: 100%; }
2) Цвет названия товара можно задать в классе
.goodsListItemName a { font-size: 16px; font-weight: normal; line-height: 18px; margin: 0; padding: 0; }
через свойство color
3) А цвет цены задается в классе
.goodsListItemBlock a span span { color: #339900; font-size: 17px; font-weight: bold; }
4) Цвет выделенной области можно изменить путем изменения изображения "cpage-top-bg.jpg" данное изображение задается в классе
#cpages { background: url("/web/upload/assets/images/10/9976/cpage-top-bg.jpg") no-repeat scroll 0 80px transparent; padding-top: 10px; }
#80
Отправлено 24 Сентябрь 2012 - 12:23
.goodsListItemName a { font-size: 16px; font-weight: normal; line-height: 18px; margin: 0; padding: 0; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных