1. 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 ?

Discussion in 'Styling and Customization Questions' started by erich37, Jun 7, 2011.

  1. erich37

    erich37 Well-Known Member

    how do I make a background-color using a small bg-image for my XF-Forum ?
    where to put this in ACP ?

    Same as the orange bg-image (just the orange color) at this website:

    http://omg.yahoo.com/

    Many thanks!
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Style Properties -> General -> HTML: Background Image
     
    erich37 likes this.
  3. erich37

    erich37 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:
    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 ?
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    Err, Style Properties -> General -> HTML: Background Image

    Just enter the image URL and select repeat-x.
     
    erich37 and Brett Peters like this.
  5. erich37

    erich37 Well-Known Member

    thanks again Brogan!

    how do I actually get the
    Code:
    !important;
    
    into the CSS ?
     
  6. Brogan

    Brogan 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.
     
  7. erich37

    erich37 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....

    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.
     
  8. Brogan

    Brogan 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.

    bg.PNG

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

    erich37 Well-Known Member

    thank you very much!!!
     
  10. derdude

    derdude Member

    this dont work for me. /styles/novus/xenforo/backround.jpg is the path to the image - but it doesn`t show up. 1094630.png
     
  11. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    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?
     
  12. derdude

    derdude Member

    oh thx, it was background.jpg, not backround.jpg, now the image is there :) (y)

    but i have 1 last question: the image is repeatet in the length. do you know how can i install the backround image like this: http://www.nextgengamers.org/community/ the backround is NOT moving, the forum is moving. do you know what i mean? :unsure:
     
  13. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

Share This Page