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.
Thread Starter
John
(@jiglet)
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.
Thread Starter
John
(@jiglet)
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;
}
Thread Starter
John
(@jiglet)
Thank you for looking into this, by the way. It’s much appreciated!
