Hi Jason,
Do you mean you want the input fields to have that same style with the grey background color? If so, try this:
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;
}
That exactly what I needed.
Thank you.
The only other class IDs I need are the button and the donation input amount.
Do you have a “cheat sheet” with all the class IDs? That would be super helpful.
Thanks again.
Submit button: .give-submit-button-wrap .give-submit
Donation input amount: form[id*=give-form] .give-donation-amount #give-amount
We don’t have a cheat sheet because for those skilled in CSS they can find it themselves, and for those who aren’t you might grab these classes and try to implement them but your theme conflicts with them. So overall, it’s best for us to just provide the support case-by-case since each theme/site is different with unique challenges.
Thanks!
