Title: CSS help Last modified: January 7, 2017 --- # CSS help * Resolved [Gravel](https://wordpress.org/support/users/g22/) * (@g22) * [9 years, 5 months ago](https://wordpress.org/support/topic/css-help-68/) * Hi, I really love your plugin but would like to have the fields “First Name”,“ Name” and “email” to use my theme CSS. Otherwise I like the rest of your CSS. * [http://www.antan.tv/don](http://www.antan.tv/don) * Thanks. Viewing 10 replies - 1 through 10 (of 10 total) * Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/) * (@webdevmattcrom) * [9 years, 5 months ago](https://wordpress.org/support/topic/css-help-68/#post-8629609) * 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! * Thread Starter [Gravel](https://wordpress.org/support/users/g22/) * (@g22) * [9 years, 5 months ago](https://wordpress.org/support/topic/css-help-68/#post-8629657) * 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/](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](http://prntscr.com/dspzs4) * Thanks. * Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/) * (@webdevmattcrom) * [9 years, 5 months ago](https://wordpress.org/support/topic/css-help-68/#post-8630316) * 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! * Thread Starter [Gravel](https://wordpress.org/support/users/g22/) * (@g22) * [9 years, 5 months ago](https://wordpress.org/support/topic/css-help-68/#post-8630463) * 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! * Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/) * (@webdevmattcrom) * [9 years, 5 months ago](https://wordpress.org/support/topic/css-help-68/#post-8635618) * 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! * Thread Starter [Gravel](https://wordpress.org/support/users/g22/) * (@g22) * [9 years, 5 months ago](https://wordpress.org/support/topic/css-help-68/#post-8639110) * Hi Matt, I got it to work perfectly! * Glad it was only an error on my side! * Thanks 🙂 * Plugin Contributor [Devin Walker](https://wordpress.org/support/users/dlocc/) * (@dlocc) * [9 years, 5 months ago](https://wordpress.org/support/topic/css-help-68/#post-8639203) * Glad it’s working for you [@g22](https://wordpress.org/support/users/g22/) – If you like our plugin and support please consider rating it! Thanks 🙂 * [https://wordpress.org/support/plugin/give/reviews/](https://wordpress.org/support/plugin/give/reviews/) * Thread Starter [Gravel](https://wordpress.org/support/users/g22/) * (@g22) * [9 years, 5 months ago](https://wordpress.org/support/topic/css-help-68/#post-8639209) * 5 stars done 🙂 * Plugin Contributor [Devin Walker](https://wordpress.org/support/users/dlocc/) * (@dlocc) * [9 years, 5 months ago](https://wordpress.org/support/topic/css-help-68/#post-8639218) * That was quick! Thanks, it makes our day over here when we get 5-stars 🙂 * Thread Starter [Gravel](https://wordpress.org/support/users/g22/) * (@g22) * [9 years, 5 months ago](https://wordpress.org/support/topic/css-help-68/#post-8639247) * Yeah! well it makes my day when I paste something and it works right on! * thanks again!! Viewing 10 replies - 1 through 10 (of 10 total) The topic ‘CSS help’ is closed to new replies. * ![](https://ps.w.org/give/assets/icon-256x256.jpg?rev=2873287) * [GiveWP - Donation Plugin and Fundraising Platform](https://wordpress.org/plugins/give/) * [Frequently Asked Questions](https://wordpress.org/plugins/give/#faq) * [Support Threads](https://wordpress.org/support/plugin/give/) * [Active Topics](https://wordpress.org/support/plugin/give/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/give/unresolved/) * [Reviews](https://wordpress.org/support/plugin/give/reviews/) * 10 replies * 3 participants * Last reply from: [Gravel](https://wordpress.org/support/users/g22/) * Last activity: [9 years, 5 months ago](https://wordpress.org/support/topic/css-help-68/#post-8639247) * Status: resolved