Can you point me to an example of your theme’s default form CSS? That will help me provide you what you need. Just need to see a live example, no need to share the CSS code.
Thanks!
Hi Matt and thanks for your reply.
Here’s a link to my current contact form which I would like the fields to look like :
http://antan.tv/contact/
Also if it’s possible to do the same with the other boxes as shown on this screenshot : http://prntscr.com/dspzs4
Thanks.
Your theme is doing a lot of things to those fields, so this isn’t a small snippet. Here’s what I put together, though it’s hard to know for sure if this will work as expected, but you should be able to tweak it well from here:
body form[id*=give-form] .form-row input[type="text"]:focus {
border-color: #fff601;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: transparent;
}
body form[id*=give-form] .form-row input[type="text"], body form[id*=give-form] .form-row input[type="email"] {
padding: 6px 19px;
margin: 0;
height: 30px;
line-height: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #8c8c8c;
border-color: #353535;
background-color: #202020;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
form[id*=give-form] .give-donation-amount #give-amount, form[id*=give-form] .give-donation-amount #give-amount-text,
form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
background: transparent;
}
form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-after,
form[id*=give-form] #give-final-total-wrap .give-donation-total-label {
background: #FFF601;
}
THanks!
Hi Matt and thanks for your reply.
That looks like some hard work you did to manage all that CSS!
Unfortunately as of now if didn’t change a lot the fields.
I’ve added !important to all of the CSS to be sure it’s taking effect.
If it’s easier for you, I could send you my credentials in private (let me know where) wo you can login and test.
Thanks a lot your help is really appreciated!
Somehow the quotation marks got converted to ". Currently you’ve entered it like this:
body form[id*=give-form] .form-row input[type="text"],body form[id*=give-form] .form-row input[type="email"]
But it needs to be entered like this:
body form[id*=give-form] .form-row input[type="text"],body form[id*=give-form] .form-row input[type="email"]
Thanks!
Hi Matt, I got it to work perfectly!
Glad it was only an error on my side!
Thanks 🙂
Glad it’s working for you @g22 – If you like our plugin and support please consider rating it! Thanks 🙂
https://ww.wp.xz.cn/support/plugin/give/reviews/
That was quick! Thanks, it makes our day over here when we get 5-stars 🙂
Yeah! well it makes my day when I paste something and it works right on!
thanks again!!
