Custom CSS Template 10

  • Resolved vegasdood

    (@vegasdood)


    7 years, 3 months ago

    I recently implemented your plugin on a website…great stuff! I have applied the Template 10 to the form but the “Instruct Text” (I have in two areas) is too light. So, I think I read your FAQ correctly and adding my own css to those respective fields i.e. 

    .specialForm {
color: #000 !important;
}

    I placed that css in the child theme css and also your css and I still cannot get the text color to change.
    Any tips on what I might be doing incorrectly?
    I tried using a period to preface the style like .specialForm and also without the period and neither works.

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

    (@codepeople)

    Hello,

    If you have applied the “specialForm” class to a field, and you want change the color of the “input” tag, the class definition would be:

    #fbuilder .specialForm input{color:#000 !important;}

    Could you send me the link to the webpage where the form is inserted for checking the style definition, please?

    Best regards.

    Thread Starter vegasdood

    (@vegasdood)

    Thanks for the SUPER QUICK reply. It is not an input field….just a text field.
    https://www.wheeldogtrucking.com/services/
    The text right below ALL FIELDS REQUIRED and also at the bottom of the form. Thanks in advance.

    Thread Starter vegasdood

    (@vegasdood)

    https://www.wheeldogtrucking.com/cssform.jpg

    Plugin Author codepeople

    (@codepeople)

    Hello,

    The text you are referring is into a <span> tag with the class: “uh” into the field with the “specialForm” class assigned, so, the style definition should be:

    #fbuilder .specialForm .uh{color:#000 !important;}

    Best regards.

    Thread Starter vegasdood

    (@vegasdood)

    Thanks for the great service to this free plugin. I had low expectations in your response. I will rate 5 stars now. Thanks again.

    Plugin Author codepeople

    (@codepeople)

    Hello,

    I’ve a little recommendation. You’ve entered the style definition into the CSS file, but the files are overwrote with the plugin’s updates, so, my recommendation is to enter the style definition into the “Customize form design” attribute in the “Form Settings” tab (https://cff.dwbooster.com/documentation#form-title-design)

    Best regards.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Custom CSS Template 10’ is closed to new replies.

Tags