Hello @hirma,
The styles applied to the calculated fields are not being defined by our plugin, their appearance are defined through the styles:
.sec-border, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea {
border: 2px solid #eeeeee;
}
in your webpage, and the following style definition in to the “https://martin-hirsch.com/wp-content/themes/oshin/css/main.css” file:
input[type="text"], input[type="email"], input[type="password"], input[type="tel"] {
padding: 0px;
width: 100%;
margin-bottom: 20px;
border: none;
text-indent: 10px;
font-size: inherit;
color: inherit ;
font: inherit ;
line-height: 20px;
height:41px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
but as you can see, none of them are considering the input tags with type="number"
There are two solutions, editing your current styles to take into account the selector:
input[type="number"]
or you can enter the following style definition into the attribute: “Customize Form Design” in the “Form Settings” tab (https://cff.dwbooster.com/images/documentation/form-settings-tab.png)
#fbuilder input[type="number"]{
border: 2px solid #eeeeee;
padding: 0px;
width: 100%;
margin-bottom: 20px;
text-indent: 10px;
font-size: inherit;
color: inherit ;
font: inherit ;
line-height: 20px;
height:41px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
Best regards.
