Adding background images to grid view

[Ehren]

If you've enabled the "Wallpaper design" setting under the "Grid layout" style properties, you can now add background-images to your nodes.

To do this, you'll first need to know the id of your node. If you don't know the id, you can find it by browsing to ACP > Forums > Nodes. Click on a node, and the URL will show you the id. For example:

admin.php?forums/tutorials.33/edit

With this in mind, add the following to your extra.less file, replacing 33 with your own node id and change the URL to your own image.

.focus-grid .block--category .node--id33 .node-body {
    background-image: url('styles/xenfocus/global/node-wallpapers/33.jpg');
}

Repeat that code for each node/background image and you're done!

 

[Smokey]

How do i get them to show up for subforums as well? I have a few subforums that aren't appearing as grid style, nor does their wallpapers show up? Please advise.

This new update changed how the wallpapers worked (use to be just a textbox where you input the number of the node and then have a corresponding image)

 

[Ehren]

The grid UI is only compatible with the index page.

Yeah, the setting was removed since the LESS code was no longer compatible. The tutorial was updated with the new instructions.

 

[Smokey]

So i can't put background images on subforums anymore?

 

[Ehren]

Did subforums ever support the grid/image feature? If you could post a URL of the area you're referring to, I can take a closer look.