Inline CSS in form elements

  • Resolved Henk Barreveld

    (@henk-barreveld)


    4 years, 6 months ago

    Hi,

    I just started creating my first form (a registration form for e-mail notifications) and it raises a question:

    The form editor “Block”-tab allows me to specify “Inherit style from theme”. However, when I select this, the styling of the form elements still differs from the styling in my theme. These differences are caused by inline CSS (‘style’ attributes) in form elements.

    For example:
    <input type="submit" class="mailpoet_submit" value="Aanmelden" data-automation-id="subscribe-submit-button" style="padding:5px;margin: 0 auto 0 0;border-color:transparent;">.

    Of course I can override these settings by defining a number of “!important” CSS-rules, but doesn’t the editor offer a decent way to avoid this unwanted an unnecessary inline CSS?

    Thank you for your help!

Viewing 1 replies (of 1 total)

  • Hello @henk-barreveld,

    Thanks for writing. You can try adding css to the ‘custom CSS’ section of the form. However, if that doesn’t override the inline styles, the only other option is to add ‘!important’.

    Rest assured, we’re currently working to improve the form editor process. If you like to submit your feedback as a feature request (or see our roadmap) please go here https://feedback.mailpoet.com/

    ?Let us know if you need further assistance.

    ?Thanks,

Viewing 1 replies (of 1 total)
  • The topic ‘Inline CSS in form elements’ is closed to new replies.