Donate Buttons suddenly larger

Nike Bentley 2

Hello!



Was there an update last night? My donation forms now have buttons for "Credit Card," "Direct Debit from bank account," and "bill me later," which looks nice except they are lining up weird.



In addition, my denomination selection buttons are HUGE. Here's a link to one of my forms - the new button size causes the "other" button to run down to the next line. bit.ly/1tfl85U



Is this a glitch that will be fix soon?

Brandon Granger

Hi Nike,



Yes, we were doing the last of our new styling changes last night. It was the last piece to making everything on our forms fully responsive and just a little more modern.



I looked at your form and the giving levels do appear to wrap, but only on Firefox. I'd suggest just knocking down the font-size a couple of points in Fine Tuning. It looks like it's 25px right now so maybe 22px or 20px would work better for you.



I also found the issue with the payment methods wrapping on one of your forms. We can address this from our side, but I did notice that some of your labels are quite long.



Some of your forms have direct debit labeled as simply "Direct debit" while others read "Direct debit from bank account". If you change all to just "Direct debit", the issue was addressed when I tested. Worth trying?

Nike Bentley 2

Hi Brandon,



Ah, I didn't change the button font size when I was trouble shooting. I have it set at 18px and it's still wrapping in IE9. We've noticed some non-BBOX viewing issues in different browsers/versions with the website upgrade so it could easily be attributed to that if it's not across the board.



I may just change the label to "Direct Debit" and see if anyone notices. The long title is the shortened title from what the fundraisers originally wanted as there is a great deal of concern regarding whether or not people know what "direct debit" means. I feel like if they don't, they'll figure it out quick enough if they select it. :-)