Additional styles in a field

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #13347

    Anonymous
    Inactive

    Please see attached. I am trying to add a style for a specific field in my form to highlight it. Nothing I have tried works, so I need your help to let me know the secret sauce to making this feature work. If I update my CSS file, the syntax would be:

    (inside of a class or ID)
    background: #00ffff;
    color: #0000ff;

    See screen shot!

    #13352

    Hi @rob282054

    Please, clarify field type you want to edit.

    #13355

    Anonymous
    Inactive

    It’s for any field on the form – did you go to the link in the screen shot which shows what I am trying to do?

    #13356

    Anonymous
    Inactive

    I just checked and all fields have in the Advanced tab: Additional Classes, Additional Styles and Additional HTML Attributes. I would like to understand what you want entered in all 3 of these! Your current documentation does not have anything, so how are we to understand what has to go in them?

    As I have noted, for one of the fields on my contact form (not all of them), I want to have this CSS:

    background: #00ffff;
    color: #0000ff;

    How do I specify this in Additional Styles?

    #13384

    Hi @rob282054

    In order to specify field parameters you are asking about, please follow the instruction
    1. Create or Open needed Contact Form
    2. Move to Fields Tab and click the field you want to edit, for example,
    3. At Advance Tab inside Additional styles field insert next code:
    background-color: #00ffff; color: #0000ff;
    http://prntscr.com/evjuui
    4. Customize other field parameters and click “OK”
    5. Save changes for Contact Form you made

    In the case it will not work please provide page link on your site with this contact form,
    which field type your want to edit and WordPress Theme you use.

    #13414

    Anonymous
    Inactive

    This is not working. The field is a Checkbox. See https://www.screencast.com/t/a1Z52d8r.

    I also tried it in the Name and Email fields and it does not work there as well. I also tried adding “!important” and that does not work.

    #13517

    Hi @rob282054

    Please try to clean cache in your cache plugin,
    cache in your browser and check the issue one more time.

    If it won’t help, please provide the page link on your site
    with the issue of Contact Form.
    Thus I can see what’s wrong and try to help you.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.
Thanks so much! Please Enter Your Info Below To Get PRO Discount and Gifts