displaying calculated result as styled text

  • Resolved tda325

    (@tda325)


    5 years, 1 month ago

    Hello!
    I’d like to display the calculated output as styled text; ie, centered, bold, blue, BIG. And preferably with no input box surrounding it. But the Calculated Field box really doesn’t give me that option, or at least not that I can see. Little help?
    Thanks!

    • This topic was modified 5 years, 1 month ago by tda325.
    • This topic was modified 5 years, 1 month ago by tda325.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @tda325

    Yes of course, the process is very simple. The calculated fields have assigned the class name: cff-calculated-field, and a field is composed of multiple components: the label, the input tag, and the instructions for the users. So, if you want to modify the appearance of calculated field, please, enter the following style definition:

    
#fbuilder .cff-calculated-field input{
border:0 !important; 
background: transparent !important; 
font-weight: bold !important; 
text-align: center !important; 
font-size:2em !important;
}

    through the “Customize Form Design” attribute in the “Form Settings” tab:

    Best regards.

    • This reply was modified 5 years, 1 month ago by codepeople.
    Thread Starter tda325

    (@tda325)

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘displaying calculated result as styled text’ is closed to new replies.

Tags