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

Background Separate

Discussion in 'Styling and Customization Questions' started by Alpha52, Jun 15, 2012.

  1. Alpha52

    Alpha52 Member

    Is there a way I can set the background of a style apart from the main body for scrolling purposes?

    My reason is as follows:
    I want to use an image as my background but I don't want it to be duplicated as you scroll down the forums.
    I want the background to just remain stationary as the fixed width portion of the forum scrolls.


    Nvm xD
    body {
    background: url(urimage.png) #000000 center no-repeat fixed;
  2. Alpha52

    Alpha52 Member

    I do have a new question though.

    I'm using the Whisper 2 theme and I'm trying to remove the gradient background on the header and make it transparent instead.
    Oddly, I can't seem to just use
    header {
    background: none;
    Because the gradient doesn't actually seem to be a background. In fact, no modifications to background do anything. The only way I can change it is by doing something like
    body {
    But that does it for the ENTIRE header, not just the background. I don't want to remove the logo or navigation bar.

    Does anybody have any clue how to set JUST the gradient background to transparent in this theme?

    EDIT: Nvm again lol
    Figured out it was in the whisper_navigation.css
  3. MagnusB

    MagnusB Well-Known Member

    Try using Firebug or Chrome Developer tools or similar, and use the Template Search function (you will find it at admin.php?templates/search)
  4. I apologize for asking this, but where would you put that code? (I'm very new to Xenforo and completely lost) If you could just quickly write down where I would put that, or give me a link to a tutorial, that'd be amazing.
  5. Jeremy

    Jeremy Well-Known Member

  6. Where would I find that? Under a particular folder, or just go into the "Admin" mode on the site?
  7. Andrej

    Andrej Well-Known Member

    Use the Admin CP search. By the way it is a template.
    Скриншот 2013-11-17 19.07.24.png
  8. Okay, so I copied and pasted in the bit of code at the top of the post, and replaced the "urimage.png" with the name of my current background image, but what do I replace the "url" with?
  9. Jeremy

    Jeremy Well-Known Member

    You don't. That is CSS code.
  10. Okay.
    Well, I give up. I can't figure this out, and it's just not worth it.
    I appreciate your help, though!
  11. Tracy Perry

    Tracy Perry Well-Known Member

    It's not that hard.... the
    background: url(urimage.png)
    would be like
    background: url(full/path/to/your/image.png)
    Only thing you need to modify in the code is the stuff in the () - the full/path/to/your/image.png (which would be just what it says... the full path and then the image name).
  12. I'm trying it now, I'm just struggling on finding the correct path

    (I'm sure it's not hard at all, I've just never used code formats, paths, etc. so I have no idea what I'm doing.)
  13. Tracy Perry

    Tracy Perry Well-Known Member

    It's no different than opening a file up in Windows from Word. If you know the location you just browse to it there. Same theory. Is this an image that you downloaded or did it come with a style?
    I ALWAYS place my custom images in a directory off the root web server called images. Then I will make subdirectories off that called icons, gradients, nodes (and so on). That way it is always consistent and not dependent upon using style variables.

Share This Page