Every since the latest theme update, my custom css doesn’t seem to be saving. Having issues now with my search button–it’s suddenly grayed out on my iphone, and now on the browser, too–I keep trying to fix the css but it seems I can’t override it??
This is my button css:
button, html input[type="button"], input[type="reset"], input[type="submit"] {
padding: 3px 14px;
line-height: 2;
}
a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] {
padding: 8px 8px;
border-width: 1px;
border-style: solid;
border-color: #EEAF48;
background-color: #EEAF48;
border-radius: 3px;
font-weight: bold;
color: #fff;
box-shadow: none;
width: auto;
text-decoration: none;
cursor: pointer;
line-height: 1;
text-shadow: none;
font-size: 14px;
margin-top: 5px;
}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
border-width: 1px;
border-style: solid;
border-color: #ECA532;
background-color: #ECA532;
font-size: 14px;
}
It should be two shades of orange–but on my iphone and now browser, it’s neither. What am I missing here? Also, I don’t have an css for visited–do i need that?
Thanks!
Got the orange back, but it’s still gray after visiting and still gray totally on my iphone, but has an orange border. When I right click ‘inspect element’ in firefox, that’s when it goes gray. Iphone it’s like it’s only recognizing border, and not radius or anything else.
bah..figured it out. io8 adds it’s own styling, so had to add -webkit-appearance: none; to my buttons. What’s weird is that it just started doing it… ah well :)
Hi Wiredpoet
Great to hear from you. Thanks for asking and posting your solution.
Underscores, the starter theme Vantage is originally based on now adds the following to button styling:
I’ll add this moving forward.
Thanks :)
Update made to Vantage development version. Thanks for the feedback :)