• Resolved kimcoetzee

    (@kimcoetzee)


    My CSS styling on #fieldnamexxx_1 is coming up on other forms that are using the same fieldnames. Is there a way to ensure CSS styling only gets applied to a specific form?

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

Viewing 1 replies (of 1 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @kimcoetzee

    Yes, of course. Assign a custom class name to the field. The class names are assigned to the form’s fields through their attributes: “Add CSS Layout Keywords” for example: my-field

    And then, enter the new style’s definition through the “Customize Form Design” attribute in the “Form Settings” tab (https://cff.dwbooster.com/images/documentation/form-settings-tab.png).

    For example, if it is a calculated field and you want set the label color in blue, and the reult’s color in red, the style definition would be:

    
    #fbuilder .my-field label{color: blue !important;}
    #fbuilder .my-field input{color: red !important;}
    

    Best regards.

Viewing 1 replies (of 1 total)
  • The topic ‘css styling affecting other forms’ is closed to new replies.