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


Шрифт


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

#61 selena

selena

    Новичок

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

Отправлено 08 Февраль 2012 - 16:46

Добрый день!

Скажите, пожалуйста, как изменить цвет шрифта короткого описания товара.

Спасибо!

#62 Vaccina

Vaccina

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

  • Модераторы
  • 24 234 сообщений

Отправлено 08 Февраль 2012 - 21:41

Попробуйте в файл стилей добавить

.goods_filters {
	font-family: georgia;
	font-size: 14px;
	font-style: italic;
}

Цитата

Скажите, пожалуйста, как изменить цвет шрифта короткого описания товара.

Попробуйте в файл стилей main.css добавить класс

.contm p {
  color:#000; 
}

Далее изменить свойство color на необходимый цвет.

#63 Lion

Lion

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

  • Пользователи
  • PipPipPipPip
  • 337 сообщений
  • ГородMoscow

Отправлено 09 Февраль 2012 - 08:50

Добрый день.

Мне нужно изменить шрифт на "italic 14px Georgia" В:

1. в фильтрах по товарам;
2. Надписи "Таблица Список"  (альтернативы выдачи каталога)
3. Надписи "Показывать по"  (лимиты выдачи каталога)

т.е. сделать его с одном стиле со шрифтами сайта.

Как это сделать? Страницу с фильтрами и этими надписями можно смотреть http://klevermart.ru...alog/Shiseido-3  


Спасибо, LION

#64 Vaccina

Vaccina

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

  • Модераторы
  • 24 234 сообщений

Отправлено 09 Февраль 2012 - 21:57

В шаблоне "HTML" обверните строки с

<li class="goods_filters"

до </select>

в новый блок
<div style="font-size: 14px; font-family: georgia; font-style: italic;">...</div>


#65 Lion

Lion

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

  • Пользователи
  • PipPipPipPip
  • 337 сообщений
  • ГородMoscow

Отправлено 10 Февраль 2012 - 07:31

а что значит "обвернуть", я не понял, поясните пожалуйста.

LION

#66 Vaccina

Vaccina

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

  • Модераторы
  • 24 234 сообщений

Отправлено 10 Февраль 2012 - 23:44

Обвернуть - это значит - пример.
Есть блок
<div class="test">
 тут содержание блока...
</div>

необходимо этот блок обвернуть в новый дополнительный блок
<div class="test2">...</div>

В итоге получим

<div class="test2">
  <div class="test">
	тут содержание блока...
  </div>
</div>


#67 Sergey Ushakov

Sergey Ushakov

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

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

Отправлено 18 Март 2012 - 04:31

помогите пожалуйста поменять цвет названия и цены товара в таблице. не могу найти на форуме.

#68 Vaccina

Vaccina

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

  • Модераторы
  • 24 234 сообщений

Отправлено 19 Март 2012 - 21:27

Цвет цены задается в файле стилей main.css класса

.goodsListItemBlock a span span {
	color: #339900;
	font-size: 17px;
	font-weight: bold;
}


#69 Romashkino

Romashkino

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

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

Отправлено 02 Апрель 2012 - 17:17

Здравствуйте!

Подскажите, пожалуйста, как поменять шрифт в заголовках и в верхнем меню? Все, что нашла по шрифтам - прочитала, но нигде не нашла конкретного описания вставить то-то туда и будет то-то  :rolleyes: свой шрифт, на который хочу поменять, загрузила в файлы, а вот куда теперь его приписать - не знаю. Помогите, пожалуйста!

#70 Vaccina

Vaccina

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

  • Модераторы
  • 24 234 сообщений

Отправлено 03 Апрель 2012 - 16:59

Пример задания своего шрифта описан в сообщении http://forum.storela...ndpost__p__1486
А для изменения шрифта у необходимого блока - необходимо прописать его имя как значение свойства 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 Romashkino

Romashkino

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

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

Отправлено 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 Vaccina

Vaccina

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

  • Модераторы
  • 24 234 сообщений

Отправлено 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 Romashkino

Romashkino

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

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

Отправлено 04 Апрель 2012 - 21:00

спасибо!!!!!! наконец-то получилось!))) правда, только в хроме, во всех других браузерах ничего не отображается((( ну да может чего напутала, повнимательнее погляжу! спасибо!

#74 Librcaho

Librcaho

    Пользователь

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

Отправлено 04 Сентябрь 2012 - 20:32

Добрый день. Подскажите, пожалуйста как изменить текст названия товаров и на главной странице и в категориях. И как на главной странице изменить размер окошка, в котором размещается товар (вместе с размером картинки). Заранее благодарю.

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

  • 01.jpg


#75 Vaccina

Vaccina

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

  • Модераторы
  • 24 234 сообщений

Отправлено 05 Сентябрь 2012 - 07:17

Изменение шрифта для данного блока задается в файле стилей main.css в классе


.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 Librcaho

Librcaho

    Пользователь

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

Отправлено 05 Сентябрь 2012 - 08:33

Благодарю.

#77 Librcaho

Librcaho

    Пользователь

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

Отправлено 13 Сентябрь 2012 - 10:45

Что-то я опять запутался. Хочу уменьшить блоки товаров полностью так, чтобы они выводились не по три, а по четыре в ряд (кстати, где условие поменять потом надо). Сам размер блока понятно где поменять, а вот что я только не делал с картинкой в блоке - не меняется. меняется только её положение в самом блоке. Проконсультируйте, пожалуйста, по следующим вопросам:
1. Как поменять размер картинки в блоке
2. Как поменять шрифт, размер и цвет цены в блоке
3. Цвет и шрифт названия товара в блоке

Про шрифт категорий нашёл отдельную тему, так что этот вопрос на картинке можно пропустить.

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

  • 01.jpg


#78 Vaccina

Vaccina

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

  • Модераторы
  • 24 234 сообщений

Отправлено 14 Сентябрь 2012 - 08:53

1) Размер изображения задается в разделе Настройки -> Основные.
Размер блока с изображением задается в классе

.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;
}


#79 Librcaho

Librcaho

    Пользователь

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

Отправлено 23 Сентябрь 2012 - 19:57

А где меняется шрифт названия товара в категории, если просматр в виде таблицы? Меня больше интересует само семейство шрифтов.

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

  • 01.jpg


#80 Vaccina

Vaccina

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

  • Модераторы
  • 24 234 сообщений

Отправлено 24 Сентябрь 2012 - 12:23

Изменить/Задать шрифт для названия товара - можно в файле стилей main.css - класс

.goodsListItemName a {
	font-size: 16px;
	font-weight: normal;
	line-height: 18px;
	margin: 0;
	padding: 0;
}





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

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