Support » Plugin: MailPoet 2 » [Plugin: Wysija Newsletters] Styling the widget

  • Resolved Naz


    I just switched to this plugin and am loving it so far, but one thing I’m not sure about is how to change the CSS style of the widget itself (not its contents). What I would like is to use a different background/border colour than the other widgets, to make this one stand out.

    Now, I could probably edit my functions.php file to get this to work, but I would prefer to add the widget manually, so I can add it in my single post/page template files as well.

    Is there a function that can do this?

    Thanks for your help!

Viewing 15 replies - 1 through 15 (of 28 total)
  • I sort of fixed this problem myself by creating a custom sidebar for the widget.

    It works fine so far, but for some reason the following CSS code has stopped working:

    .widget_wysija input[name="wysija[user][email]"] { ...your styles... }

    What I want to do is make the width 100%. It worked before, but stopped working when I added it to a different sidebar.

    My CSS code is:

    .widget_wysija input[name="wysija[user][email]"] {
    width: 100%;

    Thanks in advance for your help!

    Plugin Author MailPoet


    Naz, CSS depends highly on your theme, this is why we leave the customization to our users and generally don’t support it.

    But if you give me your page’s address, I might be able to help.

    Thanks for your response.

    The website’s URL is, but I temporarily removed the widget as I’m having problems sending e-mails (as mentioned in my other topic).


    I re-added the widget to the sidebar.

    The HTML of the input field is:
    <input type="text" name="wysija[user][email]" class="wysija-email validate[required,custom[email]]" id="form-wysija-nl-iframe-2-wysija-to">

    Plugin Author MailPoet


    This should do it, using the ID:

    #form-wysija-nl-iframe-2-wysija-to {width:100%}


    Thanks for your help. Unfortunately, that didn’t do it either. :-\

    I’m also having a problem with the text not showing up on the ‘Subscribe’ button on this page:

    I had the same problem when I manually added the widget code to the sidebar (instead of using a widget), which is why I switched back to the widget. But now I’m getting this problem again when I add the subscription form in the visual editor.

    How would I fix this?


    I just installed the plugin and it is awesome ..
    I have set up the newsletter themes but I want to customize the widget ..
    I want a simple border and a BG color to suit my theme, but I dont know how to do this .. Also please explain me about adding widget styles in my style.css .

    Thanks in advance !

    Plugin Author MailPoet


    MJdaran, I believe we followed through on

    Plugin Author MailPoet


    Naz, your subscribe button is missing the value attribute:

    <input type="submit" value="" name="submit" class="wysija-submit wysija-submit-field">


    Thanks for your help. How would I fix this? I added the form using the Wysija Subscription Form button in the visual editor. Button label is set to the default text, “Subscribe!”, and there is no option to change the value of the input field.

    Plugin Author MailPoet


    Naz, can you open a ticket on ? It’s better for the Wysija team to follow up there.

    Sorry wysija,
    In the support forum, I got only one reply ” We dont do customization”
    that’s all .

    So I seek the help of some friends .. Guys please help me to customize the widget, the current one looks very old fashioned ..
    Please I need it ASAP ..

    Thanks in advance,

    I opened a support ticket on your website. Thanks!

    Hello! Thanks for the tips!
    I wonder how to align the button submit in the center with css!

    Thanks! =)

    I fixed the problem!!!

    .form-valid-sub input[type=”submit”] {

    Tks!! =)

Viewing 15 replies - 1 through 15 (of 28 total)
  • The topic ‘[Plugin: Wysija Newsletters] Styling the widget’ is closed to new replies.