Need help with CSS

Hello @solartracy93

Thank you so much for using our plugin.

Please, enter the following style definition into the “Customize Form Design” attribute in the “Form Settings” tab (https://resources.developers4web.com/cff/images/documentation/form-settings-tab.png):

#fbuilder .cff-calculated-field input{
  border: 0 !important;
  background: transparent !important;
  font-size:40px;
  padding:0 !important;
  margin:0 !important;
  height:40px !important;
  font-family: Montserrat, "Helvetica Neue", sans-serif !important;
  font-weight: bold !important;
}

More information about the form components and design customization by reading the following post in the plugin’s blog:

https://cff.dwbooster.com/blog/2020/01/12/form-design

Best regards.

WOW that was super fast! I think I was just missing the word input. I am still learning.

Thank you so much! You rock!

Hello @solartracy93

The class name cff-calculated-field is assigned to the div tag that contains the field, but a field includes multiple components, the label, input tag, instructions for users, etc.

Best regards.