Theme editor

Solution XenForo Adding Icons to XenForo Category Titles and Fixing FA (Font Awesome) Issues

Tevfik

Code Voyager
User
Thread owner
Hello Hatalar family,

Unfortunately, being cool without errors is impossible 😅
So, here’s my issue — I’m hiding the FA (Font Awesome) icons in the areas shown below using CSS, but it also hides them in subcategories.

I want the icons to remain visible in subcategories, and only hide the FA icons on the main forum page.

How can I achieve this?


1759855085798.webp
 
The analysis was performed using the following code structure.


Less:
.node.node--idXXX
{
    .node-subNodeMenu svg {display: initial;}
    .node-icon i { display: none; }

    &.node--forum
    {
        .node-icon
        {
            background-image: url('styles/ikonlar/genel/8.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            width: 36px;
            margin: 10px;
            padding: 20px !important;
        }   
        &.node--read .node-icon
        {
            background-image: url('styles/ikonlar/genel/8.png');
            opacity: 0.3;
        }
    }
}
 
Back
Top