Announcement

Collapse
No announcement yet.

Header background dimensions

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Header background dimensions

    Does any one know the dimensions of the header background?

    We are trying to create a header background image but can't get it to fit correctly.

    Thanks.
    __________________________________________
    We don't stop playing because we grow old;
    we grow old because we stop playing.
    GBS

  • #2
    The default width is 1200 pixels. This is controlled by the wrapper_max_width style variable. The height of the header can be controlled using the header_height style variable. It looks like the default is 104 pixels. However, the header will increase in size if your logo is taller than its specified height.

    If you want the background to apply to the header and the main navigation (like the Grunge style) then use the topbg_header_mainnav_background style variable instead of header_background.
    If you want the background to apply to the header, main navigation, and sub-navigation, then use the topbg_header_mainnav_subnav_background style variable.
    If you want a full-width header that applies to the header and the main navigation then use the topbg_header_mainnav_subnav_full_width style variable.

    The variables you don't use should be set to transparent most of the time.

    You can also tell the browser to resize the background image to fit the space with CSS:
    Code:
    #header {background-size:cover;}
    Translations provided by Google.

    Wayne Luke
    The Rabid Badger - a vBulletin Cloud customization and demonstration site.
    vBulletin 5 Documentation - Updated every Friday. Report issues here.
    vBulletin 5 API - Full / Mobile
    I am not currently available for vB Messenger Chats.

    Comment


    • #3
      Wow thanks for such a detailed explanation Wayne.
      __________________________________________
      We don't stop playing because we grow old;
      we grow old because we stop playing.
      GBS

      Comment

      Related Topics

      Collapse

      Working...
      X