XF 2.2 Add background image to forum view top?

[securedme]

I happened to see an add-on that can add a background image at the top of the forum (per node) but I don't recall which add-on it is.

And I can't seem to do it manually by playing around with CSS..

Anyone can help?

 

[mjda]

You'd want to add a background to the p-body-header class. However, that won't include the buttons too because they're part of the p-body-main class.

To make it different per node you'd want to do something like this:

[data-container-key="node-1"] .p-body-header
{
    background: url('//path/to/background/image.jpg') top left no-repeat;
}

You'd change node-1 to whatever node ID you were wanting to change.

 

[Mr Lucky]

This one:

Ultimate Custom Nodes

Now you can set icons in few minutes. With this plugin you can: set image for forum node, page, link or category set font awesome icon for forum node, page, link or category set width for icon turn on/off animation effect for new icons turon...

xenforo.com

 

[securedme]

This one:

Ultimate Custom Nodes

Now you can set icons in few minutes. With this plugin you can: set image for forum node, page, link or category set font awesome icon for forum node, page, link or category set width for icon turn on/off animation effect for new icons turon...

xenforo.com

Guess this add-on is for node icons, not really what I needed...

 

[securedme]

You'd want to add a background to the p-body-header class. However, that won't include the buttons too because they're part of the p-body-main class.

To make it different per node you'd want to do something like this:

[data-container-key="node-1"] .p-body-header
{
    background: url('//path/to/background/image.jpg') top left no-repeat;
}

You'd change node-1 to whatever node ID you were wanting to change.

It actually works. Thanks.

 

[mjda]

No it doesn't work.

View attachment 293574

Well .p-header is where the logo is. For the area you highlighted you need .p-body-header.