|
tsca
|
March 20, 2018 at 3:25 pm
During the booking process, all the buttons like ‘Register’ and ‘proceed to payments’ don’t look at all as I have styled them, when on mobile. On desktop they look as they should. On mobile they have gradients and border radius. Nothing I try in the css to stop it happening works!
Where can I find the default styles for these buttons to turn them off?
|
|
Tony
|
March 21, 2018 at 4:05 am
Hi there,
Looking at one of your events on both my mobile and desktop the buttons look exactly the same – http://take.ms/WdfyP
Is this happening on a specific event? Can you post a screenshot that shows what you see?
https://eventespresso.com/wiki/troubleshooting-checklist/#screenshots
|
|
tsca
|
March 21, 2018 at 5:51 am
Thanks Tony.
here is what Im getting on Safari iOS and Chrome iOS also – btoh displaying identically.
Thanks
|
|
Josh
|
March 21, 2018 at 6:35 am
Hi tsca,
You can find those styles within your WordPress theme. Event Espresso does not style those buttons.
|
|
tsca
|
March 22, 2018 at 8:48 am
Ok thanks Josh. It’s very strange as I have no button styles like that anywhere in my css, and the theme (Divi) does not style buttons anything like that!
|
|
Josh
|
March 22, 2018 at 8:58 am
One difference is technically, those are not marked up as buttons or even links. They’re actually inputs.
So CSS like this would apply:
input[type="submit"]{
/* styles go here */
}
Typical Divi CSS for a link-button like this will not apply:
.et_pb_more_button {
/* styles here */
}
In any case, you can add some CSS to change the styles of those buttons so they match the other buttons on the site.
|
|
tsca
|
March 22, 2018 at 9:43 am
I found the solution! The css you gave above is exactly what I had…turns out you have to add this to the input to stop iOS taking over the styling:
-webkit-appearance: none;
Thanks
|
