Следите за новостями любимого конструктора сайтов uCoz в социальных сетях!
Хочу поменять шрифт (пробовал a.catName {font-size:30px!important;},не получилось) и поставить перед каждой категорией стрелочку или что нибудь другое для интерфейса как на скрине
Если вы о категориях к модулю магазин, иконку для категорий можно прописать примерно вот такими стилями:
[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;}
а куда вставлять этот код? в конец CSS стилей?
Стили выше тогда замените на:
[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;}
Да все получилось,но еще одна проблема на счет слайд шоу,я добавил фотку белую карту,а она отображаеться затемненая,посмотрите пожалуйста.
Ищите в стилях строку номер 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;}
удалите выделенное.
да,есть получилось,
и еще как менять цвет и шрифт надписей на слайд шоу картинках
выделил красным
</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>
В стилях в строке 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 прописать нужный размер.
Можно, тогда код вида:
<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 прописать нужный вам цвет.