Добавление фавиконов.

[saiko]

Ребят всем привет! Подскажите каким образом можно добавить фавиконы в разделы форума и в кнопки форума!?
Заранее благодарю за ответ и пример!

Спойлер

привер кнопки с фвиконом:

Спойлер

 

[by_ix]

добавить код фа иконок в шаблон перед нужным местом.

[saiko]

by_ix а куда копать то ? Где эти строки находятся? Я понимаю что в редакторе но где ... 😏

[by_ix]

@saiko самый простой способ найти что-то - смотреть класс нужного элемента в ф12 и искать по нему в редакторе темы в разделе шаблоны. 

[bon1]

В 21.01.2022 в 16:16, saiko сказал:

Ребят всем привет! Подскажите каким образом можно добавить фавиконы в разделы форума и в кнопки форума!?
Заранее благодарю за ответ и пример!

  Скрыть контент

 

html[dir=ltr] .cForumList .cForumRow .cForumTitle::before {
    content: "\f086";
    font-family: 'font awesome 5 free';
    font-weight: 700;
    margin-right: 5px;
}

html[dir=ltr] .cForumList .cForumRow[data-categoryid="62"] .cForumTitle::before {

content: "\f11c"!important;

}

[data-categoryid="62"] - Где 62 это ID Категории

content: "\f11c" - Где \f11c это код FontAwesome

[saiko]

bon1 Не могу найти айди этой кнопки о_О и как добавлять в другие разделы иконки... ? Так как когда я добавил сам код и айди иконки (он дефотно поменял на 5 разделах + нижний я исправил на свой на "звездочку") подскажи пожалуйста по этим моментам! А в целом биг спасибо за помощь.

Спойлер

 

[Xontero]

saiko 

for forums use this in costum.css:

.cForumList .cForumRow .cForumTitle::before {
  content: "\f27a";
  background-image: linear-gradient(to left,#21f0bf,#5a8ef1) !important;
  font-family: fontawesome;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
}

but if you want to different Icon for each forum you can use this method:

.cForumList .cForumRow[data-categoryid="X"] .cForumTitle::before {
  content: "\f27a" !important;
  font-family: fontawesome;
  font-size: 15px;
}

**instead of X you should use forum ID**

 

for widgets use this in costum.css:

.cWidgetContainer[data-widgetArea="footer"] ul > li.ipsWidget .ipsType_sectionTitle::before, .cWidgetContainer[data-widgetArea="header"] ul > li.ipsWidget .ipsType_sectionTitle::before, .cWidgetContainer[data-widgetArea="footer"] ul > li.ipsWidget .ipsWidget_title::before, .cWidgetContainer[data-widgetArea="header"] ul > li.ipsWidget .ipsWidget_title::before {
  content: "\f27a";
  font-family: fontawesome;
  font-weight: 600;
  color: #fff;
}

but if you want to different Icon for each widget you can use this method:

.ipsWidget[data-blockid*="X] .ipsWidget_title::before {
  content: "\f075" !important;
  font-family: fontawesome;
}

**instead of X you should use data-blockid**

 

good luck

[saiko]

LoveHate I understand everything, thank you!

[Xontero]

5 minutes ago, saiko said:

LoveHate  I understand everything, thank you!

sorry my language is not Russian

[saiko]

LoveHate No problem)