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

[Сергей334]

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

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

• 
• 

[metry]

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->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;}

[Сергей334]

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

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

• 

[Firefly]

Сергей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);}