CSS style for form input fields on the contact form

  • Resolved allm

    (@realblueorange)


    12 years, 2 months ago

    I just updated the plugin to the new version and am having some problems that blocks me from updating other sites:

    This is what I have entered, which used to work:
    “CSS style for form input fields on the contact form” is:
    style="text-align:left; margin:0;" class="text"

    Previously this rendered to:
    <input id="si_contact_name1" class="text" type="text" size="40" value="" name="si_contact_name" style="text-align:left; margin:0;">

    which worked fine.

    What I see now is:
    <input id="si_contact_name1" type="text" size="40" value="" name="si_contact_name" style="text-align:left; margin:0;" class="text">

    This doesn’t work as everything after style= is lumped together in spite of the quotes. The class declaration is inside the style= declaration.

    By the way: I have noticed you change the code on www.ads-software.com without bumping the version number. This results in alerts from the wordfence plugin. Might be a good idea to change the plugin only after the version number is bumped.

    Thanks for a great plugin though. Hope you have time soon to look at the problem above. Or maybe you can suggest another way to have the class="text" declaration working?

    https://www.ads-software.com/extend/plugins/si-contact-form/

Viewing 2 replies - 1 through 2 (of 2 total)

  • The setting really should have one or the other, style or class
    style="text-align:left; margin:0;"
    or
    class="text"

    Try it with just
    class="text"

    I am not sure it is proper HTML coding to mix both inline style and class in the same form element.

    Thread Starter allm

    (@realblueorange)

    I’ve just checked and your suggestion has worked. I’ll change all the instances where I added a class to just that. The combination used to work so this might be something that others will find too.

    I’ll set this to resolved. Thanks for your quick answer!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS style for form input fields on the contact form’ is closed to new replies.