WPForms How To Customize Your Forms With CSS

by | Mar 25, 2020 | 0 comments

WPForms How To Customize Your Forms With CSS

by | Mar 25, 2020 | CSS Tips and Tricks | 0 comments



WPForms is a great drag and drop form builder. It has some fantastic features, and most importantly, unlike some other form builders, it is really easy to use. So, follow along with this series of videos and see how easy building complex forms can be.

Download WPForms from here: http://bit.ly/GetWPForms

CSS code used today:

#wpforms-59-field_0, #wpforms-59-field_1,#wpforms-59-field_2,#wpforms-59-field_3 {
background: lightblue;
border: 2px solid blue;
color: #fff;
border-radius: 50px;
margin-bottom: 15px;
box-shadow: 5px 5px 15px #777;
}

#wpforms-59-field_2 {
border-radius: 20px;
}

::placeholder {
color:#fff;
padding-left:10px
}

#wpforms-submit-59 {
background: blue;
border:blue;
border-radius: 50px;
color: #fff;
padding:10px 30px;
margin:15px;
box-shadow: 5px 5px 10px #777;
transition:1s;
}

#wpforms-submit-59:hover {
background: green;
border:green;
box-shadow: 2px 2px 5px #777;
}

#wpforms-59 {
background: #fff;
padding: 20px 20px;
border-radius: 20px;
box-shadow: 5px 5px 10px #777;
margin-bottom:15px
}

Free Tech Courses – Web Design, game development, javascript, wordpress, bootstrap: https://bestwebdevelopmentcourses.com/free/

Get our Build an awesome pro eCommerce store for free with WordPress course. https://goo.gl/fQDRMP

Get our complete WordPress local install and migration course here : https://goo.gl/MsW8B3

Get Our Full Bootstrap Website Building Course – Learn to build sites fast: https://goo.gl/6tzUxH

Subscribe to our Channel https://goo.gl/Vn3Qu2

More tips at :http://web-design-and-tech-tips.com/

Facebook:https://www.facebook.com/system22.net/

Get us to build Your website: http://www.system22.net/web-design.html

source