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

[kevich]

Как увеличить шрифт на главной строчек "Хиты продаж", "Новинки", "Интересные предложения"

[Vaccina]

Для этого вам нужно в файле стилей main.css найти

h3 a.indexPage {
	color: #BE9E4C;
	font-size: 1em;
}

и далее вам нужно менять свойство font-size например

h3 a.indexPage {
	color: #BE9E4C;
	font-size: 16px;
}

[Expert]

Спасибо, все никак не мог изменить эти надписи.

[Ириска]

Vaccina (01 Август 2011 - 20:26) писал:

Для этого вам нужно в файле стилей main.css найти

h3 a.indexPage {
	color: #BE9E4C;
	font-size: 1em;
}

и далее вам нужно менять свойство font-size например

h3 a.indexPage {
	color: #BE9E4C;
	font-size: 16px;
}

Я правильно понимаю, что таким образом решается и вопрос кросбраузерности. Я заметила, что в разных браузерах эти надписи отображаются по разному. Если, к примеру, Chrome и IE показывают более-менее одинаково, то вот в FF все обстоит иначе (казалось бы) - шрифт отображается довольно мелко.

[Vaccina]

Нет, не решает.
Отображение текста на странице напрямую зависит от поддержки стандартов разработчиками конкретного браузера.

[Ириска]

Vaccina (01 Ноябрь 2011 - 17:46) писал:

Нет, не решает.
Отображение текста на странице напрямую зависит от поддержки стандартов разработчиками конкретного браузера.

Да, действительно. Вся проблема в свойстве font: Как-то не очень с ним дружит мозилка, хотя, я посмотрела спецификацию, вроде должна поддерживать.
Если к примеру использовать классический вариант font-size: и font-family:, т.е. два разных свойства одного вида, то все прекрасно во всех браузерах.

Спасибо за ответ.

[Frost]

Странно, шрифт Новинок и Хитов продаж поменялся, а Интересные предложения как были маленькими, так и остались. (Это в FF)

[Vaccina]

Чтобы увеличить текст "Интересные предложения" зайдите Редактор тем - main.css - найдите сл.код и добавьте

font-size:нужное вам значение px;

:

h3, h3 a {
	color: #BE9E4C;
	font-style: italic;
	font-weight: normal;
	margin: 1.1111em 0 0.5555em;
}

P.S. увеличится не только эта надпись, но и другие надписи, обернутые в тег h3

[Kroshka]

Vaccina (11 Ноябрь 2011 - 13:59) писал:

Чтобы увеличить текст "Интересные предложения" зайдите Редактор тем - main.css - найдите сл.код и добавьте

font-size:нужное вам значение px;

:

h3, h3 a {
	color: #BE9E4C;
	font-style: italic;
	font-weight: normal;
	margin: 1.1111em 0 0.5555em;
}

P.S. увеличится не только эта надпись, но и другие надписи, обернутые в тег h3

Что-то у меня не увеличилось ничего.

Скажите, а как поменять шрифт и цвет текста, которым написаны цены на товар и наименования товара? Поменяла italic на другой, наименования поменялись, а цены остались курсивом. И цвет непонятно, как менять.

[Vaccina]

Вам необходимо использовать классы

.num {
	font-family: helvetica;
	font-style: italic;
	white-space: nowrap;
}

.goodsListItemBlock a {
	color: #BE9E4C;
}

[Kroshka]

Vaccina (23 Январь 2012 - 19:33) писал:

Вам необходимо использовать классы

.num {
	font-family: helvetica;
	font-style: italic;
	white-space: nowrap;
}

.goodsListItemBlock a {
	color: #BE9E4C;
}

Спасибо, нашла!

А размер шрифта, которым цена написана? Его где увеличить можно? Искала-искала, и не нашла...Именно цена, не наименование...

Еще такой вопрос: размер и цвет шрифта, которым написаны названия категорий - разделов каталога товаров - где можно поменять? И если например вместо просто текста ставить туда картинки с названиями категорий - это каким образом можно сделать?

[Vaccina]

Цитата

А размер шрифта, которым цена написана? Его где увеличить можно? Искала-искала, и не нашла...Именно цена, не наименование...

Все в том же классе

.goodsListItemBlock a {
	color: #BE9E4C;
}

через font-size

.goodsListItemBlock a {
	color: #BE9E4C;
	font-size:14px;
}

Цитата

Еще такой вопрос: размер и цвет шрифта, которым написаны названия категорий - разделов каталога товаров - где можно поменять? И если например вместо просто текста ставить туда картинки с названиями категорий - это каким образом можно сделать?

В классах

#subNavigation li {
	background: url("http://img.storeland.ru/web/upload/assets/images/16/15693/subnav_rule.gif") no-repeat scroll left bottom transparent;
	font-size: 1.0833em;
	line-height: 1.5384em;
	padding: 0.5em 0;
}

и

#subNavigation li a:link, #subNavigation li a:visited {
	color: #666666;
	display: block;
	padding-left: 10px;
}

Менять текст категорий на изображений будет проблематично, так как нужно будет весь каталог прописывать вручную. И это очень плохо для поисковиков. Так что советую отказаться от данной затеи.

[Kroshka]

Vaccina (24 Январь 2012 - 20:54) писал:

Все в том же классе

.goodsListItemBlock a {
	color: #BE9E4C;
}

через font-size

.goodsListItemBlock a {
	color: #BE9E4C;
	font-size:14px;
}

У меня при этом меняется размер шрифта в наименованиях товара, НО не размер шрифта, которым написана цена.
Вопрос был - как изменить ЦЕНУ?

Спасибо.

[Kroshka]

По поводу каталога - размер шрифта поменялся, а цвет нет. Меняю цвет в этом блоке:

#subNavigation li a:link,
#subNavigation li a:visited {
  padding-left: 10px;
  color: #666;
  display: block;

Ничего не происходит!

Я правмльно понимаю, что тут нельзя разный цвет шрифта задать для разных категорий?

Еще были вопросы:

как подставить стрелочки такие   >    к названиям категорий (разделам каталога).

И куда выводится картинка, которая присоединяется к категории через обзор? Просто интересно.

[Ириска]

Размер шрифта какой цены вы хотите поменять, та что в каталоге товара, или та что в самом товаре? Это принципиально две разные цены.
Для той что в каталоге товара, Вам сказали абсолютно верно

.goodsListItemBlock a {
	color: #BE9E4C;
	font-size:20px;
}

После изменения, во всех ячейках товара на главной странице и в каталоге, размер цены изменится.

За цену которая отображается внутри товара (в вашем случае оранжевым цветом) отвечает класс

.goodsDataMainModificationPriceNow

Там так же меняете значение font-size

[Ириска]

Мои ответы по тексту ниже.

По поводу каталога - размер шрифта поменялся, а цвет нет. Меняю цвет в этом блоке:

#subNavigation li a:link,
#subNavigation li a:visited {
  padding-left: 10px;
  color: #666;
  display: block;

Ничего не происходит!
За цвет отвечает свойство color. Замените его на color: #FF00FF; Цвет должен поменяться.

Я правмльно понимаю, что тут нельзя разный цвет шрифта задать для разных категорий?
Можно. Если для каждого элемента списка (а в данном случае ваш каталог это список), задать свой класс и в стилевом файле определить ему свой цвет.

Еще были вопросы:

как подставить стрелочки такие   >    к названиям категорий (разделам каталога).
в стилевой блок который выше добавить свойство background
получится вот так:

#subNavigation li a:link,
#subNavigation li a:visited {
  background: url("тут ссылка на вашу картинку со стрелочкой") no-repeat scroll 0 0 transparent; 
  padding-left: 10px;
  color: #666;
  display: block;

И куда выводится картинка, которая присоединяется к категории через обзор? Просто интересно.
Это сделано для подкатегорий. Если при открытии основной категории у вас есть список подкатегорий, то они будут с прикрепленными картинками

[Kroshka]

Ириска (25 Январь 2012 - 13:15) писал:

Размер шрифта какой цены вы хотите поменять, та что в каталоге товара, или та что в самом товаре? Это принципиально две разные цены.
Для той что в каталоге товара, Вам сказали абсолютно верно

.goodsListItemBlock a {
	color: #BE9E4C;
	font-size:20px;
}

Уф, спасибо, получилось!)))

Не сразу дошло, что этот font size нужно дописать после color: ... Искала ближайший имеющийся font size к goodsListItemBlock a {   Меняла его! А нужно было просто дописать...

Ура!!!     

Просто первый раз имею дело со всеми этими кодами, мозг слегка взрывается...

[Kroshka]

Ириска (25 Январь 2012 - 13:25) писал:

Мои ответы по тексту ниже.

По поводу каталога - размер шрифта поменялся, а цвет нет. Меняю цвет в этом блоке:

#subNavigation li a:link,
#subNavigation li a:visited {
  padding-left: 10px;
  color: #666;
  display: block;

Ничего не происходит!
За цвет отвечает свойство color. Замените его на color: #FF00FF; Цвет должен поменяться.

Ирина, вы волшебница!! Я именно там и меняла цвет, и ничего не менялось. Еще раз попробовала - поменялся!  

По поводу разных цветов шрифта прочитала, что вы написали, три раза...Кажется, что-то я поняла...но что куда дописывать, как создать класс и куда его воткнуть, я все-таки не понимаю((

Ириска (25 Январь 2012 - 13:25) писал:

как подставить стрелочки такие   >    к названиям категорий (разделам каталога).
в стилевой блок который выше добавить свойство background
получится вот так:

#subNavigation li a:link,
#subNavigation li a:visited {
  background: url("тут ссылка на вашу картинку со стрелочкой") no-repeat scroll 0 0 transparent; 
  padding-left: 10px;
  color: #666;
  display: block;

Вот так лучше попробую, это мне вроде понятно  

СПАСИБО БОЛЬШОЕ!

[Kroshka]

Если можно - пошагово разжуйте, как разные картинки прицепить к разным категориям...а то я добавила бэкграунд с ссылкой на картинку, и весь каталог у меня стал состоять из одной кнопки, повторяющейся бесконечно)))

Буду очень признательна, если готовый код дадите для этого...

[Ириска]

Kroshka (25 Январь 2012 - 18:46) писал:

Если можно - пошагово разжуйте, как разные картинки прицепить к разным категориям...а то я добавила бэкграунд с ссылкой на картинку, и весь каталог у меня стал состоять из одной кнопки, повторяющейся бесконечно)))

Буду очень признательна, если готовый код дадите для этого...

Пример очень простой. У вас есть список категорий в HTML это выглядит так

<ul>
<li>Категория 1</li>
<li>Категория 2</li>
<li>Категория 3</li>
</ul>

каждому элементу списка присваиваем класс, получается так:

<ul>
<li class="one">Категория 1</li>
<li class="two">Категория 2</li>
<li class="three">Категория 3</li>
</ul>

Далее эти классы прописываете в main.css - таким образом мы описываем три разных класса куда можно прописать не только свой цвет но и свою картинку.

.one {color:#F0F0F0;}
.two {color:#EFEFEF;}
.three {color:#CC9900;}

НО! К сожалению, функция отображения категорий в явном виде не прописана в шаблоне, т.е. мы видим функцию но не видим список, чтобы присвоить каждому элементу свой класс.

Может кто из поддержки подскажет.

Покажите то что у вас получилось после добавления картинки.