harrypapas
5/15/2020 - 12:21 PM

Caldera Forms Style [Underline]

Caldera Forms Form Style - Underline
content_copyfile_download
/**********CALDERA FORMS STYLE [UNDERLINE]**********/

/*****THIS CHANGES THE STYLE OF THE FORM FIELDS*****/
.caldera-grid .form-control {
  font-size: 22px;
  padding: 16px;
  height: auto;
  box-shadow: none !important;
  border-radius: 0!important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #0d7236 !important; /***CHANGE COLOUR***/
}
 
/*****THIS CHANGES THE BOTTOM BORDER COLOR WHILE USER IS TYPING*****/
.caldera-grid .form-control:focus {
  box-shadow: none !important;
  border-radius: 0!important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #fcd318 !important; /***CHANGE COLOUR***/
}

/**********END CALDERA FORMS STYLE [UNDERLINE]**********/