- This topic has 5 replies, 2 voices, and was last updated 3 years, 8 months ago by
.
Hi, when looking at the signup forms on this page https://gillion.shufflehound.com/elements/subscribe/ it works fine on desktop. But on iOS signup elements are missing in Safari. In Chrome the borders are missing on the attached image signup form.
Hi @dirkvang,
I hope you are well today and thank you for your question.
It seems the browser compatibility issue.
You can resolve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.mc4wp-form input, .mc4wp-form button{ -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1); /* Firefox 3.5 - 3.6 */ box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ }Best regards,
Shufflehound teamHi, that doesnt seem to work for me.. will this be changed in the next theme version?
Solution for this topic
Please try changing the shared CSS code as below.
.mc4wp-form input, .mc4wp-form button { -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1); box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1); border: 1px solid #e3e3e3 !important; }That works, thx!
You are most welcome here 🙂
