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

XF 1.3 Unable To Set Header Background Image

Discussion in 'Styling and Customization Questions' started by akhilaniyan, Apr 14, 2014.

  1. akhilaniyan

    akhilaniyan Active Member


    I'm able to change the header background color, but, I'm unable to set a background image. Please check the screenshot and tell me whether I'm doing correct/not. (Color value cleared)


    Image URL: /styles/MyCodePartner/background.jpg

    Here are my other doubts:

    1. What is the minimum dimension needed for header background?
    2. Will it support all image formats?
    3. What are the recommended options to be set on "Repeat" and "Position"?

    Please help.

  2. akhilaniyan

    akhilaniyan Active Member

    No update?
  3. Brogan

    Brogan XenForo Moderator Staff Member

    Ensure the URL is correct. Does the image physically exist at /styles/MyCodePartner/background.jpg?
    Personally I use @imagePath/images/banner.png for the path on my site.

    There is no minimum size required.
    All formats are supported.
    The repeat and position values are specific to how you want it to be displayed; I suspect "no-repeat" and "center-top" may be a good starting point.
  4. akhilaniyan

    akhilaniyan Active Member

  5. Russ

    Russ Well-Known Member

    Your CSS gradient is overwriting the image you're trying to use.
    akhilaniyan likes this.
  6. Brogan

    Brogan XenForo Moderator Staff Member

    Inspecting the code shows you have background none transparent overriding the image you have set.
    You may want to check with the style designer why this is happening.
  7. akhilaniyan

    akhilaniyan Active Member

    You mean this?


    It is cleared!
  8. There's another CSS property which is overriding the background image, use the "Search Templates" function and search for:

    Find the declaration with "linear-gradient" and remove it. Go back to your Style Properties and also set the background to "repeat", assuming you want it spanning the entire header section as well.
    akhilaniyan and Amaury like this.
  9. akhilaniyan

    akhilaniyan Active Member

    Got reply from the theme developer.

    He told me to remove all the background properties from the Extra.CSS

    Anyway, thanks for the support!
  10. Same thing :)
  11. akhilaniyan

    akhilaniyan Active Member


Share This Page