Support » Plugin: MailPoet Newsletters (Previous) » Put form elements on one horizontal row?

  • Resolved tenleftfingers


    The code documented[1] to achieve this says adding this to style.css will work:

    “To put the email input and the button on the same line:
    .widget_wysija .wysija-submit, .widget_wysija .wysija-paragraph { display: inline; }”

    But it has no effect. Playing around with Firebug – putting a float: left and float: right on the email text entry / submit button gets closer to the effect I’m after.

    Is there a better way to achieve this and why doesn’t the documented CSS method work?


Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author MailPoet


    try adding the !import clause to your CSS styles, this way, it’ll overwrite the existing styles and it’ll work.




    Thanks for the reply. I should have mentioned that I did add the !important, but still no effect on

    I added two fixes as described on your document. The margin modification works, but not the horizontal modification:

    /* mail poet – make form all one line */
    .wysija-submit-field { margin-top:0 !important; }
    .widget_wysija .wysija-submit, .widget_wysija .wysija-paragraph { display: inline !important; }

    Same scenario here. still can’t make the inline fields to work.

    Struggling with the same issue in Mailpoet 3. Just got it working, like this:

    #mailpoet_form_2 .mailpoet_paragraph {

    Be aware that the selectors in v3 probably have different names, but by accident I found out that display:inline-block does the trick…

    The 2 is the id of the form, I guess…

    • This reply was modified 1 year, 5 months ago by  Marc Bijl.
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Put form elements on one horizontal row?’ is closed to new replies.