Не получаеться изменить шрифт в категориях раздела

голоса: 0

Хочу поменять шрифт (пробовал a.catName {font-size:30px!important;},не получилось) и поставить перед каждой категорией стрелочку или что нибудь другое для интерфейса как на скрине

 

 

Адрес сайта pryanosti-mira.at.ua
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ

Если вы о категориях к модулю магазин, иконку для категорий можно прописать примерно вот такими стилями:

[id^=blocks-rt-]:before {content:"";width: 16px;height: 16px;background: url('http://weezywap.xtgem.com/i/a/rr.png')no-repeat;position:absolute;margin: 2px -20px;}

вместо иконки http://weezywap.xtgem.com/i/a/rr.png пропишите свою размерами 16х16. Размер категории меняется в стилях в строке 264:

.cat-blocks.gTable div{font-size:13px!important;}

| Автор:
Выбор ответа лучшим | | Автор: webanet

[id^=blocks-rt-]:before {content:"";width: 16px;height: 16px;background: url('http://weezywap.xtgem.com/i/a/rr.png')no-repeat;position:absolute;margin: 2px -20px;}

а куда вставлять этот код? в конец CSS стилей?

да получилось,а как добавить такое же на категории статтей?
djemil djemil,

Стили выше тогда замените на:

[id^=blocks-rt-]:before,.catsTable td a:before {content:"";width: 16px;height: 16px;background: url('http://weezywap.xtgem.com/i/a/rr.png')no-repeat;position:absolute;margin: 3px -20px;}

Yuri_Geruk,

Да все получилось,но еще одна проблема
на счет слайд шоу,я добавил фотку белую карту,а она отображаеться затемненая,посмотрите пожалуйста.

djemil djemil,

Ищите в стилях строку номер 2:

#slider ul li::before{background:rgba(0,0,0,.5);position:absolute;pointer-events:none;display:block;top:0;right:0;bottom:0;left:0;content:"";z-index:0;}

удалите выделенное.

Yuri_Geruk,

да,есть получилось,

и еще как менять цвет и шрифт надписей на слайд шоу картинках 

выделил красным

</div>
 </li>
 <li class="slide">
 <img src="http://pryanosti-mira.at.ua/2457a5e775643b1.jpg" alt="img">
 <div class="caption">
 <div class="cap-ttl">Пряности (добавки к пище исключительно растительного происхождения)</div>
 <div class="cap-ds description">Пряности — различные части растений, обладающие специфическим, в той или иной мере устойчивым ароматом и вкусом, традиционно добавляемые в пищу в малых дозах, в основном, с целью улучшения вкусовых качеств продуктов, а также для предотвращения их быстрой порчи. Способствуют пищеварению, поскольку усиливают выделение пищеварительных соков.</div>
 <div class="cap-ds"><a role="button" href="#">Подробнее</a></div>
 </div>

djemil djemil,

В стилях в строке 26:

.cap-ds,.cap-ttl,.cap-ttl a{color:#fff}

выделел красным, это цвет, можете заменить на любой нужный вам, подобрать можете на сайте http://www.color-hex.com/

Размер шрифта названия в строке 25:

.cap-ttl{padding:20px 0 10px;font-family:'Prata',serif;font-size:42px;line-height:1.3;position:relative;z-index:100;text-align:center}

Размер шрифта описания в строке 27:

.cap-ds{font-size: 20px;position:relative;z-index:100;text-align:center;padding:10px 0 30px;font-weight:400;line-height:21px;}

добавить выделенное и вместо 20 прописать нужный размер.

Yuri_Geruk,
А можно изменить цвет для каждого слайда индивидуально?чтоб на каждом слайде на каждой картинке был свой цвет
djemil djemil,

Можно, тогда код вида:

<div class="cap-ds description">
<div class="cap-ttl">

заменить на:

<div class="cap-ds description" style="color:#fff!important;">
<div class="cap-ttl" style="color:#fff!important;">

где вместо #fff прописать нужный вам цвет.

Yuri_Geruk,
Спасиба!!!!!!!!!!!!!!!!!!
...