XF 2.2 How to convert node icons to buttons

[SFM1]

I want the node icons to be clickable to make the forum environment more friendly. Currently I have replaced the icons with images modifying the extra.less. Could you do the same to convert the icons to buttons?

 

[Paul B]

You will need to edit the template to convert them to clickable icons.

 

[SFM1]

you need to edit the template to make them clickable icons.

Thanks for answering. What template would I have to modify? I am a bit lost.

You will need to edit the template to convert them to clickable icons.

Thank you for answering. What template would I have to modify? I am a bit lost.

I have modified the extra.less template to show node icon like this:


/*** General **/
.node.node--id2 {
.node-icon i { display: none; }

&.node--forum {
.node-body {
/padding-left: 5px;/
}
.node-icon {
background-image: url('/imagi/general.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.8;
width: 160px;
height: 106px;
opacity: 0.8;

}
&.node--read .node-icon {
opacity: 0.8;
}
}
}
/*****/

 

[Paul B]

The html template, not the less template.

This old guide will help with identifying the template: https://xenforo.com/community/resources/how-to.4390/updates#resource-update-15790

 

[SFM1]

The html template, not the less template.

This old guide will help with identifying the template: https://xenforo.com/community/resources/how-to.4390/updates#resource-update-15790

Thanks, I got what I wanted by modifying the template, but now for a strange reason, when I access the forum from a mobile device the node name appears below the node icon, not to the right as before.