UKD
Active member
I understand that you can change the custom node icons for all forums by changing the image here:
The images changed however they were not centred. Here is what they looked like after changing the default image:
As you can see the icons are not quite right, even though they are 40x40 which is the image size of the default speech bubbles.
I then used this code (below) to correct the background position:
It now looks perfect:
My question is, do I now have to use that code for every single node, or is there just a way of writing one line of code for my EXTRA.css to apply a background position to all forum icons?
Any help would be much appreciated. Thanks.
![image.png](/community/proxy.php?image=http%3A%2F%2Fs16.postimg.org%2Fprpdkfoxx%2Fimage.png&hash=83eab24ed499b9cc115bded94284d961)
The images changed however they were not centred. Here is what they looked like after changing the default image:
![image.png](/community/proxy.php?image=http%3A%2F%2Fs7.postimg.org%2F89lzwlg3f%2Fimage.png&hash=c44d636eee112f6ef074c3e8bb26b017)
As you can see the icons are not quite right, even though they are 40x40 which is the image size of the default speech bubbles.
I then used this code (below) to correct the background position:
Code:
.node.node_7 .forumNodeInfo .nodeIcon, .node.node_7 .categoryForumNodeInfo .nodeIcon {
background-position: -2px -2px;
}
.node.node_7 .forumNodeInfo.unread .nodeIcon, .node.node_7 .categoryForumNodeInfo.unread .nodeIcon {
background-position: -2px -2px;
opacity: 0.4;
}
It now looks perfect:
![image.png](/community/proxy.php?image=http%3A%2F%2Fs11.postimg.org%2Fowarhdff7%2Fimage.png&hash=6459fd3e54d4cffad6fa3d88d99cd123)
My question is, do I now have to use that code for every single node, or is there just a way of writing one line of code for my EXTRA.css to apply a background position to all forum icons?
Any help would be much appreciated. Thanks.