• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

how to: background-color with bg-image ?


Well-known member
many thanks Brogan!

could you please give me a help on how to include a background-image including the CSS for the color, the same as has been done for the blue-colored-background at this page:

.wrapperXfSite {
    background: url("styles/default/xfsite/docs-bg.png") repeat-x fixed center top #F0F7FC !important;
    padding-bottom: 100px;
How and where to put the CSS ?


XenForo moderator
Staff member
You don't need it.

What are you trying to do exactly?

You can always use the Miscellaneous box to enter custom markup.


Well-known member
I have put the URL to the image into the URL-box and it shows fine.
Then I have put the following code into the "Miscellanious box", but this does not work....

background: repeat-x fixed center top #F0F7FC !important;
But it is working fine when using the drop-down-boxes for color and position.
I just was not sure whether I have to also use the "!important" code.


XenForo moderator
Staff member
You don't need any of that.

You can enter a background colour, image URL, repeat-x and position using the pre-defined fields.


You don't need to enter anything in the Miscellaneous field.
The !important isn't required.

Jake Bunce

XenForo moderator
Staff member
this dont work for me. /styles/novus/xenforo/backround.jpg is the path to the image - but it doesn`t show up. View attachment 20822
Try removing the beginning slash, like this:


And I trust backround is an intentional misspelling? Make sure this matches the location and name of the file on the server. Perhaps you meant background?