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

XF 1.3 How to make a fix background with gradient on the header

Discussion in 'Styling and Customization Questions' started by Jericho M, Feb 15, 2014.

  1. Jericho M

    Jericho M Member

    Hello there!

    Need your help on how to make a fix background with gradient on the header like http://www.cnyrunning.com/

    I really want to implement this on my forum but don't know where to edit the settings.

    Hoping for your help and Thank you so much in advance..

    Jericho M
     
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Admin CP -> Appearance -> Style Properties -> General -> Body
    > Miscellaneous


    Add this property:

    Code:
    background-attachment: fixed;
    
    That will cause the background image to remain fixed while the rest of the page scrolls normally. The image will be a gradient in your case.

    For reference:

    http://www.w3schools.com/cssref/pr_background-attachment.asp
     
    Misayuki, Joakim Lindfors and FredC like this.

Share This Page