Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Start a New Discussion button background is white in IE9

edited February 2012 in Vanilla 2.0 - 2.8

It displays as a red background in Chrome and Firefox 10, but in IE9 it is a white button with white text.

Any ideas how to fix this?


  • Options

    Hm, that's weird. Will check into it tomorrow.

  • Options

    Any update?

  • Options

    In danca/design/custom.css line 110 #f8f8f8 change it to #a23334

  • Options
    edited April 2012

    I had this same issue with the Bittersweet theme from Vanilla 2.1. The problem there was that IE9 doesn't understand the CSS3 gradient property used to style those buttons; looking at screenshots of DANCA, the problem might be the same here.

    The fix was to add IE-specific CSS overrides to the theme's custom.css file for the buttons so that IE renders them with a single color instead of a gradient, like this:

    .MSIE .BigButton, .MSIE .Button { background-color: #BA1900; }

    Replace #BA1900 above with your preferred color choice. This fix will work if the buttons in question use the BigButton or Button classes. If DANCA uses different class names for the buttons, then obviously you'll have to change it.

    IE10 (from the Windows 8 consumer preview) correctly handles CSS3 gradients, but requires yet another override to work properly. With luck, by the time IE10/Win8 hits release, it will speak grownup CSS and it won't be a problem.

Sign In or Register to comment.