Xenbase. Is it possible to assign the png image I want to all categories and subcategories?

[ogulcan]

Hello.
Is it possible to assign the image I want to all categories and subcategories?

I want to change the chat bubbles to png photo.

Thank you.

 

[Russ]

Try something like this in extra.less:

.subNodeLink 
{
    display: flex;
    align-items: center;
    .subNodeLink-icon:before
    {
        background: url(https://cdn.jsdelivr.net/joypixels/assets/8.0/png/unicode/64/2b07.png) no-repeat 0 0;
        content: "";
        width: 16px;
        height: 16px;
        display: block;
        background-size: cover;
    }
    .subNodeLink-icon svg
    {
        display: none;
    }
}

 

[ogulcan]

Thank you @Russ
Can we add opacity for unread and read ?
I found for unread but i cant found for read subcategory

for unread i will give opacity 1. For read 0.7 or .5

.subNodeLink.subNodeLink--unread:before, .subNodeLink.subNodeLink--unread .subNodeLink-icon {
    opacity: 1;
}

 

[ogulcan]

Ok i did it.

If there are any errors in the codes, please help me fix them.

.subNodeLink.subNodeLink--read:before, .subNodeLink-icon {
            opacity: 0.7;
        }

.subNodeLink.subNodeLink--unread:before, .subNodeLink.subNodeLink--unread .subNodeLink-icon {
    opacity: 1;
}

 

[Russ]

Ok i did it.

If there are any errors in the codes, please help me fix them.

.subNodeLink.subNodeLink--read:before, .subNodeLink-icon {
            opacity: 0.7;
        }

.subNodeLink.subNodeLink--unread:before, .subNodeLink.subNodeLink--unread .subNodeLink-icon {
    opacity: 1;
}

That should work!