Form Button Does Not Appear Properly

What browser are you using to look at it? It looks fine in Firefox and Chrome. It changes color when I mouse over it but does not change size.

Chrome and Firefox on OSX Yosemite 10.10.5 (14F1021)

In Firefox, it does not resize, but it’s all white and I see no text until I mouseover.

Here’s how it looks in Chrome:

https://www.evernote.com/l/AVNrpmXOj6xHLr9T5Wyn9Uylp_C4P3SKmkg

Looks to be a Mac issue as what I see with Chrome on my PC looks fine but when I look at it on my Mac, also with Chrome, I see the same behavior you describe. Not sure what CSS might fix that, I haven’t run into this before.

Finally had a few minutes to do some searching and didn’t really come up with anything definitive. I know this is a long shot but is there any chance you have CSS defined which only delivered to the Mac clients? I am not at home where I can look at your page with my Mac and compare it to Windows.

The developers of the theme I’m using (Qaween) wrote some custom CSS for me that worked like a charm:

.ss-q-title {
    display: block;
    font-size: .8em;
    font-weight: 700;
    line-height: 120%;
    text-align: left;
    margin-bottom: 10px;
}

.ss-form-entry input[type="text"] {
    width: 100%;
    padding: 10px 2%;
    vertical-align: top;
    display: inline-block;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
}

.ss-form-entry ul {
    margin: 0;
}

.ss-form-question {
    margin-bottom: 15px;
}

input#ss-submit {
    padding: 15px 20px !important;
    font: 14px "Montserrat" !Important;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    cursor: pointer;
    background: #e36060;
    color: #fff;
    border: none;
}

input#ss-submit:hover {
    background-color: #555555;
}

Thank you for looking into this, by the way. It’s much appreciated!