Thanks Sheri!

  • mapperboy

    (@mapperboy)


    11 years ago

    Sheri, mucho thanks for the css tip to force a fixed vertical banner image size in Bushwick.

    Passing along this change in custom-header.php to make this happen:

    @line 62 in custom-header.php (in the <?php if … clause) I changed background-image: cover; to background-image: auto;

    And

    @line 100 also in custom-header.php (in function bushwick_admin_header_style(), I changed background-image: cover to auto.

    Browser compatibility issues however:
    Works in Chrome and Firefox (don’t have a Mac browser to test at this location, will test on my one of the Mac users in my org) but breaks in IE 10 and 11? Need a compatibility fix I guess to cover those people still stuck on IE!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter mapperboy

    (@mapperboy)

    Upgraded IE to version 11 in my Win 7 64 bit installation.
    Bushwick now displays properly in IE 11.

    designsimply

    (@designsimply)

    You’re welcome!

    For the record, I would recommend using Jetpack’s Custom CSS editor and making the CSS change in Appearance > Edit CSS instead of editing the custom-header.php file directly.

    According to this page https://caniuse.com/#search=background-size background-size should work in IE9+

    I tried testing IE9 on Windows 7 using browserstack.com, and “background-size: auto” did seem to work for me in my test. The only other thing I can think of would be to make it very precise and set it to “background-size: auto auto” to match the initial value noted in documentation like https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Thanks Sheri!’ is closed to new replies.