Button padding from Elementor is not respected

  • Sofia

    (@affiliatedachs)


    2 years, 4 months ago

    I have created a simple form without any template. I have chosen the theme to control the style of the form and all form elements.

    However, I am unable to set padding for the button in my theme (Elementor). The source code shows me, that MailPoet adds some styles despite the setting to use theme styles. See below:

    <input type="submit" class="mailpoet_submit" value="Subscribe!" data-automation-id="subscribe-submit-button" style="width:100%;padding:5px;margin: 0 auto 0 0;border-color:transparent;">

    See the style-attribute added. Please remove the style attribute, if style theme is preferred. Thank you!

    • This topic was modified 2 years, 4 months ago by Sofia.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Dani F. a11n

    (@danielinhou)

    Hi there @affiliatedachs ????!

    Thank you for reaching out to MailPoet Support!

    See the style-attribute added. Please remove the style attribute, if style theme is preferred. Thank you!

    Oh, thanks for the feedback. I’ll be glad to share this with the developers. Could you please share a link to the form page so that I can understand this a bit better before I share the feedback?

    Cheers!

    Thread Starter Sofia

    (@affiliatedachs)

    Hi Dani,

    I do not have any link. This is easy reproducible.

    1. In Admin Dashboard, go to MailPoet → Forms and click on New Form
    2. Do not select any template, just click on Create blank form above the templates
    3. Save the form and add it to any page in your WordPress
    4. Try to change padding, margin or border-color of the submit button via theme settings. You will fail.

    The reason is: those three settings (padding, margin and border-color) are added by MailPoet to the form via style attribute.

    If I create a blank form, where I choose to use the theme style, I do not expect any style settings added by MailPoet.

    Thanks!

    Thread Starter Sofia

    (@affiliatedachs)

    This is still reproducible. The padding is there, even if no custom style is used for the form. See the source code:

    <input type="text" autocomplete="given-name" class="mailpoet_text" id="form_first_name_3" name="data[form_field_MzE3Yzc1N2ZiZDhiX2ZpcnN0X25hbWU=]" title="First name" value="" style="width:100%;padding:5px;margin: 0 auto 0 0;" data-automation-id="form_first_name" placeholder="First Name *" data-parsley-names="[&quot;Required.&quot;]" data-parsley-required="true" data-parsley-errors-container=".mailpoet_error_first_name_" data-parsley-required-message="Required.">

    Pay attention to the style attribute automatically added to the form. This style attribute contains padding:5px. Can you please remove it?

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Button padding from Elementor is not respected’ is closed to new replies.