Delete All Form Control Styles

[riandy]

Can I remove all the ezy-styled class=’form-control’ to Bootstrap’s Form Control Class default? I need bootstrap’s default form-control class to make some form in website.

Thanks!

---

[Support2]

Hello,

By default we overwrite the bootstrap from control style, but with the custom CSS code below you can reproduce the default style of form controls:

(css/custom.css):

.contact-form-bs-style .form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px) !important;
    padding: .375rem .75rem;
    line-height: 1.5 !important;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.contact-form-bs-style .form-control:focus {
	color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

.contact-form-bs-style textarea.form-control {
	height: auto !important;
}

Note that we created the class contact-form-bs-style so you need use it as class on the form:

<form class="contact-form contact-form-bs-style" action="php/contact-form.php" method="POST">

Please, try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

[Author]

Posts