Flat buttons on ios devices

verveconcepts · July 2020

Hi,

We would like to have the same flat buttons as desktop and other android devices.

The icons on ios devices has a gradient.

This is how it should look like,

https://imgur.com/n5TeC8Q

This is how it looks on ios devices

https://imgur.com/wmQDRFZ

Pablo · July 2020

Hello,

iOS devices does force changing the buttons, to recognize which one is proper, it's usually good behavior because some of the websites have a lot of ads with "Click Here" text on them.

There is an option to change that, but you will have to use the CSS code, see this topic:

https://www.daretothink.co.uk/stop-ios-styling-your-input-fields-and-buttons/

thanks

verveconcepts · July 2020

I tried adding those.

It still doesn't help.

Pablo · July 2020

Please send me a link to your website.

Thanks

verveconcepts · July 2020

littlebabyface.org/

Pablo · July 2020

I've inserted this code below into Theme Options > Custom CSS & JS > CSS and it works, please give it a try:

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none !important;
border-radius: 0 !important; 
}

verveconcepts · July 2020

Thank you

verveconcepts · July 2020

Thank you. It works.

Flat buttons on ios devices

Comments