To use this feature, you will need to have a basic understanding of editing CSS. In your Xenforo admin Templates area, search for the template '
nl_node_backgrounds.css' within your theme.
On the next page, you will see some default examples of how the CSS works:
Your theme will include custom settings for a few dozen nodes by default. Each custom node background is handled by a CSS entry in the following format:
.node_1 .nodeImgPreview {
background-image: url(
) !important;
}
In order to add custom backgrounds for specific nodes, you only need to copy and paste any of these entries, and change the
node_ID number, and the
background image URL path.
For example, here's how it would look to add a picture to your node with an ID of 17:
.node_17 .nodeImgPreview {
background-image: url(
) !important;
}
Getting the Node ID
In order to get the node ID number for each node you'd like to edit, you can find this by hovering over your node on the front-end of your site, and looking in the URL preview in the lower left corner of your browser (or, by clicking your node, and checking the new URL in the address bar of your browser.)
You will notice that your node will have its ID number appended to the end:
In the above example, the node ID is
2.
Start by customizing the image URL for the .nodeImgPreview entry first. Then, edit each entry corresponding to your node IDs, adding new entries when necessary.
