Title: Custom css
Last modified: May 21, 2020

---

# Custom css

 *  Resolved [nandoanversa](https://wordpress.org/support/users/nandoanversa/)
 * (@nandoanversa)
 * [6 years ago](https://wordpress.org/support/topic/custom-css-253/)
 * Hi there,
 * I looked everywhere but could not find a list of classes to aply css on the give
   form.
 * Can you share that?
 * I am actually trying to change all the input fields color and borders, but I 
   cannot find the correct class or maybe I just don´t know how to style it at all.
   I found some individual IDs like #give-first #give-last #give-email, but not 
   the class to change all fields at once.
 * Thanks for your help

Viewing 8 replies - 1 through 8 (of 8 total)

 *  Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/)
 * (@webdevmattcrom)
 * [6 years ago](https://wordpress.org/support/topic/custom-css-253/#post-12872855)
 * HI there,
 * Each field can be a different type of input, so it’s not so straight-forward 
   as to style all fields with one CSS rule. But, for example, `.give-input` styles
   a lot of the text inputs.
 * We do have this tutorial that will help in terms of discovering the various class
   names. Many find it very useful and instructive.
    [https://givewp.com/documentation/resources/handling-custom-css-in-wordpress/](https://givewp.com/documentation/resources/handling-custom-css-in-wordpress/)
 * Let us know how it goes or if you get stuck on anything in particular.
 * Thanks!
 *  Thread Starter [nandoanversa](https://wordpress.org/support/users/nandoanversa/)
 * (@nandoanversa)
 * [6 years ago](https://wordpress.org/support/topic/custom-css-253/#post-12873105)
 * Thanks for the quick reply.
 * I tried .give-input but saw no results. Weird.
 * As for the link, I didn’t find the classes. It just shows a video that shows 
   a button class. I acesses Google dev tools but it’s confusing to understand all
   the info there. I tried copying and pasting a lot of classes but could not find
   the one responsible for the input fields. But as you said, there is not a general
   o e that will change all at once. Will keep tritongo to find the IDs…
 *  Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/)
 * (@webdevmattcrom)
 * [6 years ago](https://wordpress.org/support/topic/custom-css-253/#post-12873206)
 * Keep in mind the other thing you’ll have to overcome is “specificity” essentially
   being more specific than our rules. So in the case of the `.give-input` you’ll
   need to use this:
 *     ```
       form.give-form .form-row input[type=text] {
          border-color: purple;
       }
       ```
   
 * The video tries to show that as well.
 *  Thread Starter [nandoanversa](https://wordpress.org/support/users/nandoanversa/)
 * (@nandoanversa)
 * [6 years ago](https://wordpress.org/support/topic/custom-css-253/#post-12875976)
 * Hi Matt,
 * I tried and put this code
    form.give-form .form-row input[type=email], form.give-
   form .form-row input[type=password], form.give-form .form-row input[type=tel],
   form.give-form .form-row input[type=text], form.give-form .form-row input[type
   =url], form.give-form .form-row select, form.give-form .form-row textarea, ] {
   border-color: purple; background-color: black }
 * It did work in most of the fields. It was missing some fields for credit card
   info. (card number, cvc and MM/YY). I tried to find the input types on google
   deve tools but couldnt figure out. Could you please share that? thanks again
 *  Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/)
 * (@webdevmattcrom)
 * [6 years ago](https://wordpress.org/support/topic/custom-css-253/#post-12901844)
 * Can you point me to a live URL of a form you’re trying to style? That would help
   me more specifically guide you.
 *  Thread Starter [nandoanversa](https://wordpress.org/support/users/nandoanversa/)
 * (@nandoanversa)
 * [6 years ago](https://wordpress.org/support/topic/custom-css-253/#post-12904827)
 * i figured it out. thanks
    -  This reply was modified 6 years ago by [nandoanversa](https://wordpress.org/support/users/nandoanversa/).
    -  This reply was modified 6 years ago by [nandoanversa](https://wordpress.org/support/users/nandoanversa/).
 *  Thread Starter [nandoanversa](https://wordpress.org/support/users/nandoanversa/)
 * (@nandoanversa)
 * [6 years ago](https://wordpress.org/support/topic/custom-css-253/#post-12904920)
 * i figured it out. thanks
    -  This reply was modified 6 years ago by [nandoanversa](https://wordpress.org/support/users/nandoanversa/).
    -  This reply was modified 6 years ago by [nandoanversa](https://wordpress.org/support/users/nandoanversa/).
 *  Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/)
 * (@webdevmattcrom)
 * [6 years ago](https://wordpress.org/support/topic/custom-css-253/#post-12906067)
 * OK, glad to hear it!

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Custom css’ 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/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 8 replies
 * 2 participants
 * Last reply from: [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/)
 * Last activity: [6 years ago](https://wordpress.org/support/topic/custom-css-253/#post-12906067)
 * Status: resolved