Thanks Sheri! (3 posts)

  1. mapperboy
    Posted 1 year 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;


    @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!

  2. mapperboy
    Posted 1 year ago #

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

  3. designsimply
    Posted 1 year ago #

    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 http://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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic