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


Увеличить Размер Шрифта


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

#1 Сергей334

Сергей334

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

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

Отправлено 24 Февраль 2018 - 21:31

Добрый день, подскажите пожалуйста: 1. как изменить размер шрифта у названий разделов каталога?
2. Вместо стрелочек для подразделов сделать аккуратные галочки как в шаблоне цитрус
3. Сделать линии разделения между названиями разделов как в цитрусе

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

  • 44444.jpg
  • цитрус.jpg


#2 metry

metry

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

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

Отправлено 25 Февраль 2018 - 14:25

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

.open-close:before{content: "\e630";}
.accordion li.active> em.open-close:before{content: "\e62e";}

замените на:

.open-close:before{content: "\f105";font-family: 'FontAwesome';font-size: 20px;color: #00008b;padding-right: 10px;padding-left: 0px;float:right;font-weight:  bold;width:0px;}
.accordion li.active> em.open-close:before{content: "\f107";}

далее найдите:
em.open-close{  position: absolute;right: 3px;top: 4px;cursor: pointer;background:#ff1c72;color:white;border-radius: 2px;padding: 2px 0px 2px 5px;}

замените на:

em.open-close{  position: absolute;right: 3px;top: 4px;cursor: pointer;color:white;border-radius: 2px;padding: 2px 0px 2px 5px;}

далее найдите:

.accordion li{position:relative;list-style:none;display:block;width: 100%;padding: 0;margin: 0;}

замените на:

.accordion li a{padding: 5px 10px;display:block;transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-webkit-transition: all 150ms ease-in-out;-o-transition: all 150ms ease-in-out;font-size:16px;}
li.parent.active{border-bottom:none;}


#3 Сергей334

Сергей334

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

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

Отправлено 26 Февраль 2018 - 12:59

Спасибо, но можно вместо точек слева сделать галочки как в цитрусе? Точки уж слишком маленькие

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

  • каталог.jpg


#4 Firefly

Firefly

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

  • Модераторы
  • 3 786 сообщений

Отправлено 28 Февраль 2018 - 19:33

Просмотр сообщенияСергей334 (26 Февраль 2018 - 12:59) писал:

Спасибо, но можно вместо точек слева сделать галочки как в цитрусе? Точки уж слишком маленькие

Здравствуйте.
В шаблоне main.css код:
.accordion li.active a.selected{color:#ff1c72;background-color:rgba(0,0,0, 0.03);}
.accordionwrp .lvl-0 {background:#FCFCFC;}
.accordionwrp .lvl-1,.accordionwrp .lvl-2,.accordionwrp .lvl-3,.accordionwrp .lvl-4{background:white;}
.accordion li a{padding: 5px 10px;display:block;transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-webkit-transition: all 150ms ease-in-out;-o-transition: all 150ms ease-in-out;font-size:16px;}
li.parent.active{border-bottom:none;}
.accordion li a{padding: 5px 10px;display:block;transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-webkit-transition: all 150ms ease-in-out;-o-transition: all 150ms ease-in-out;}

Заменил на:
.accordion li {list-style: none;}
.accordion li.active a.selected{color:#ff1c72;background-color:rgba(0,0,0, 0.03);}
.accordionwrp .lvl-0 {background:#FCFCFC;list-style: none;}
.accordionwrp .lvl-0:before {content: "\f105";font-family: 'FontAwesome';padding: 8px;color: #8d8d8d;}
.accordionwrp .lvl-1,.accordionwrp .lvl-2,.accordionwrp .lvl-3,.accordionwrp .lvl-4{background:white;padding-left:25px;}
li.parent.active{border-bottom:none;}
.accordion li a{padding: 5px 0px;display: inline-block;transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-webkit-transition: all 150ms ease-in-out;-o-transition: all 150ms ease-in-out;font-size:16px;}
.accordion li a:hover{color:#ff1c72;background-color:rgba(0,0,0, 0.03);}





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

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