XF 2.1 Where to edit forum message balloons?

[pk698]

See my attachment. I'm trying to make an icon that's more specific to our community, and I'm not sure where to edit/ or add my own icon.

Thank you.

 

[Paul B]

Those are FA icons which are defined in the node_list.less template using:

.node--forum &:before,
        .node--category &:before
        {
            .m-faContent(@fa-var-comments);
        }

        .node--page &:before
        {
            .m-faContent(@fa-var-file-alt);
        }

        .node--link &:before
        {
            .m-faContent(@fa-var-link);
        }

You can edit the less template and change the FA icons to something else, or use the extra.less template to override them.

I edited the template and changed mine to the comments-alt icon.

.node--forum &:before,
.node--category &:before
{
    .m-faContent(@fa-var-comments-alt);
}

You will also have to change the sub node icon.

 

[pk698]

Yipes.... that looks complicated. ...

Isn't it just a gif or jpeg file? Where is it stored in the directory on the server? I can just overwrite it with my own icon (with the same name but just a different image), it seems easier that way.

 

[beerForo]

It's really not complicated I actually changed to different ones for different forums, it's simple CSS in extra.less, just paste what he posted and use the icon code you like from:

Font Awesome

The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

fontawesome.com

 

[Paul B]

Yipes.... that looks complicated. ...

It's just changing one part of one line - fa-var-comments to fa-var-comments-alt in my case.

Far easier and quicker than uploading an image file to the server.

 

[Dixie McCall]

Can seem to get mine to change to "envelope" for sub nodes

.subNodeLink-icon
{
text-decoration: none;
}
}

&.subNodeLink--unread
{
font-weight: @xf-fontWeightHeavy;

&:before,
.subNodeLink-icon
{
color: @xf-nodeIconUnreadColor;
}
}

&.subNodeLink--category:before
{
.m-faContent(@fa-var-envelope);
}

&.subNodeLink--page:before
{
.m-faContent(@fa-var-envelope);
}

&.subNodeLink--link:before
{
.m-faContent(@fa-var-envelope);
}

&.subNodeLink--search::before
{
.m-faContent(@fa-var-envelope);
}
}

 

[Dixie McCall]

tried this again but not successful as the sub forums still have the chat bubbles.

 

[Hoffi]

There are some AddOns which can do this, for instance one of my ones.

Unmaintained - [cv6] Node Icons & Tools

Now new for XenForo 2.2.x This AddOn works with the default Theme, if you change essential parts of the theme in your own styling, there may be changes to the template mods necessary. If it not works out of the box with your style, please drop...

xenforo.com

 

[Dixie McCall]

Hello
This will work with latest XF and sub forums?

Thank you for posting this @Hoffi

 

[Hoffi]

This will work with latest XF and sub forums?

Yes, if you have Issues, just post them in the AddOn Discussion and I will take care of them.