Can you provide a link to your form so I can see the issue live?
Try this:
[id*="give-form"] input[type="text"], [id*="give-form"] input[type="email"] {
line-height: 3em;
padding-left: 1em;
}
If you need assistance implementing custom CSS on your site, we have a guide here:
https://givewp.com/documentation/resources/handling-custom-css-in-wordpress/
Thanks!
I find some other code you provided for someone else a few months back that is rather cool, so I will play around with both and see what happens. Thanks for your help Matt!!!
form.give-form .form-row input[type=text], form.give-form .form-row input[type=tel], form.give-form .form-row input[type=email] {
width: 100%;
padding: 16px;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #999;
background-color: #eee;
font-size: 14px;
}
Glad to be of help.
If you’re enjoying Give and appreciate our support, we’d love a kind review from you here:
https://ww.wp.xz.cn/support/plugin/give/reviews/
Thanks!
