how to customaize subforum Icon

[arash ranjbar 3]

hi everybody.

how can I change default subforum Icon with my custom icon like this webflake?

I use this cod to change them:

.cForumRow [data-forumID="7"] .ipsItemStatus > .fa:before {
    content: '\f15c';
}

but i wanna use image instead of icons.

Even I used under code, but it didn't worked:

.cForumRow [data-forumID="7"] .ipsItemStatus > .fa:before {
  background-image: url('my Image address');
}

Please guide me.

[mr-pimpen 387]

try this one

[data-forumid="2"] .fa-comments:before {
  color: red;
	content: "\f0a1";
  
}

and for your subforums you can do something like this

.ipsDataItem_subList > li > a:before {
  	font-family: 'FontAwesome';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  	margin-right: 3px;
  	opacity: 0.8;
  	line-height: 1;
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    padding: 4px 7px;
}
/* Administrator (Open) */
[data-forumid="3"] .ipsDataItem_subList > li:nth-child(1) a:before {
	content: "\f09c";
   	background-color: #68a72f;
}
/* Moderator (close) */
[data-forumid="3"] .ipsDataItem_subList > li:nth-child(2) a:before {
	content: "\f023";
   	background-color: #e14242;
}
/* Grafik (close) */
[data-forumid="2"] .ipsDataItem_subList > li:nth-child(3) a:before {
	content: "\f023";
   	background-color: #e14242;
}

 

[arash ranjbar 3]

Tnx. 

[mr-pimpen 387]

did the one i gave you worked so i can see if this is in the tutorials section

[Adryyy 1]

for me is not working...

[data-forumid="11"] .ipsDataItem_subList.ipsList_inline li:nth-child(13):after
{
    content: "ON";
    background: green;
    padding: 3px 6px;
}

site - CLICK

forum id 11 - click

subforum id 13 - click

[mr-pimpen 387]

witch one are u trying to change

[Adryyy 1]

On 11/21/2019 at 4:31 PM, mr-pimpen said:

witch one are u trying to change

[mr-pimpen 387]

im not sure why its not changing your icon i just test the codes above and they are working could it be because of you theme you are using try to change your theme and test it

[Adryyy 1]

On 11/21/2019 at 5:30 PM, mr-pimpen said:

im not sure why its not changing your icon i just test the codes above and they are working could it be because of you theme you are using try to change your theme and test it

I thought it might be the theme, I tried to modify some codes for li and after but it still didn't work. I tried on default, still does not worked...i have ips 4.4.8

[mr-pimpen 387]

On 11/21/2019 at 11:01 AM, Adryyy said:

I thought it might be the theme, I tried to modify some codes for li and after but it still didn't work. I tried on default, still does not worked...i have ips 4.4.8

where are u adding it did you put the codes in custom css

[Adryyy 1]

On 11/22/2019 at 5:59 AM, mr-pimpen said:

where are u adding it did you put the codes in custom css

yes, i put in custom,css, and i make it good, because if i put

[data-forumid="19"]>div.ipsDataItem_main>.ipsDataItem_title>a			/* NUME CATEGORIE */
{
	color: red;
}

will work, but for subforum no and i tried with another skins, still not working

[mr-pimpen 387]

On 11/22/2019 at 4:15 AM, Adryyy said:

yes, i put in custom,css, and i make it good, because if i put

[data-forumid="19"]>div.ipsDataItem_main>.ipsDataItem_title>a /* NUME CATEGORIE */ { color: red; }

[data-forumid="19"]>div.ipsDataItem_main>.ipsDataItem_title>a			/* NUME CATEGORIE */
{
	color: red;
}

will work, but for subforum no and i tried with another skins, still not working

[data-forumid="11"] .ipsDataItem_subList.ipsList_inline li:nth-child(13):after
{
    content: "ON";
    background: green;
    padding: 3px 6px;
}

so these cedes reflect on your subforums because i dont under stand why its not working there has to be something not right

[Adryyy 1]

I do not understand what you mean, from me, everything it's right...

[mr-pimpen 387]

On 11/22/2019 at 3:50 PM, Adryyy said:

I do not understand what you mean, from me, everything it's right...

try this it should work just mess around with it

 

.cForumRow .ipsDataItem_subList li a:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    margin-right: 2px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f1b9";
}

 

[Adryyy 1]

nope

i think will not because default after subforumlist is , and here is blocked all things with after subforum codes