Struggling with CSS for WPForms

  • Resolved djmehrtens

    (@djmehrtens)


    7 years, 2 months ago

    Can anyone help me please? I can’t seem to work out how and where to alter CSS for WPForms. http://autolinx.net/testing/contact-us/

    I need to add padding to bring it off the edges of the containing box, change the text colour so it is actually readable, and if possible change the submit button colour to #EF3F23

    I’ve tried many things I found online but may be attempting to add in the wrong spot.

    Any help gratefully accepted!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Jared Atchison

    (@jaredatch)

    7 years, 2 months ago

    Hey djmehrtens,

    Thanks for reaching out!

    Below are a few CSS rules that should get things straightened out for you.

    
/* autolinx.net */

.wpforms-container {
padding: 20px !important;
color: #fff;
}

.wpforms-form button[type=submit] {
	background-color: #EF3F23 !important;
	border-color: #EF3F23 !important;
	color: #fff !important
}

.wpforms-form button[type=submit]:hover {
	background-color: #a72c18 !important;
}

.wpforms-form input, 
.wpforms-form input[type="text"], 
.wpforms-form input[type="email"], 
.wpforms-form input[type="phone"], 
.wpforms-form input[type="number"] {
	width: 100% !important;
}

    Hope that helps 🙂

    Thread Starter djmehrtens

    (@djmehrtens)

    7 years, 2 months ago

    Thanks Jared!! I’m excitedly heading off to try that 🙂

    Thread Starter djmehrtens

    (@djmehrtens)

    7 years, 2 months ago

    You are amazing Jared 🙂 That is exactly the end result I was looking for 🙂
    Thanks so much!

    aaronlin

    (@aaronlin)

    7 years, 2 months ago

    Cool, these css classes helped. Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Struggling with CSS for WPForms’ is closed to new replies.