• 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 ?

erich37

Well-known member
#3
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:
http://xenforo.com/help/nodes/

Code:
.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 ?
 

Brogan

XenForo moderator
Staff member
#6
You don't need it.

What are you trying to do exactly?

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

erich37

Well-known member
#7
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....

Code:
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.
 

Brogan

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

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

bg.PNG

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

Jake Bunce

XenForo moderator
Staff member
#11
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:

styles/novus/xenforo/backround.jpg

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?