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

[destorrr]

Здравствуйте!
На странице каталога товаров нужно увеличить расстояние между картинкой категории и названием этой же категории.
И не получается поменять цвет текста в названии категории.
Спасибо.

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

• 

[MikDark]

destorrr (14 Март 2015 - 21:45) писал:

Здравствуйте!
На странице каталога товаров нужно увеличить расстояние между картинкой категории и названием этой же категории.
И не получается поменять цвет текста в названии категории.
Спасибо.

Здравствуйте. В шаблоне Товары найдите код:

<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>

и замените на:

<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="catname">{nested_categories_list.NAME}</a>

Далее в main.css добавьте:

.catname {color:#000000;padding-top:10px;}

color отвечает за цвет, padding за отступ.

[destorrr]

MikDark (15 Март 2015 - 09:14) писал:

Здравствуйте. В шаблоне Товары найдите код:

<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>

и замените на:

<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="catname">{nested_categories_list.NAME}</a>

Далее в main.css добавьте:

.catname {color:#000000;padding-top:10px;}

color отвечает за цвет, padding за отступ.

Цвет изменил, но отступ от картинки не меняется

[Danil]

destorrr (15 Март 2015 - 11:57) писал:

Цвет изменил, но отступ от картинки не меняется

Здравствуйте.
В main.css найдите

.catname {
  color: #595959;
  padding-top: 10px;
}

и замените на

.catname {
  color: #595959;
  padding-top: 10px;
  display: block;
}

[destorrr]

Danil (15 Март 2015 - 12:13) писал:

Здравствуйте.
В main.css найдите

.catname {
color: #595959;
padding-top: 10px;
}

и замените на

.catname {
color: #595959;
padding-top: 10px;
display: block;
}

Спасибо, все получилось.