Support » Plugin: MailPoet Newsletters (Previous) » Mailpoet statement: we don't have proprietary styling not true

  • Resolved ckhNL

    (@ckhnl)



    I’ve been trying to solve a CSS styling issue with my Mailpoet widget.

    Reading Mailpoet statements that there is no proprietary MailPoet CSS and that the widget completely depends on the installed theme I turned to my theme developer to get the widget’s input box in the same styling.

    We however didn’t manage to get this fixed. Why? Because Mailpoets uses jQuery to adapt the CSS styling dynamicly. That’s irritating…

    Why Mailpoet? And what does /wp-content/plugins/wysija-newsletters/js/front-subscribers.js?ver=2.6.8 all do? How can we disable this?

    I really would like my widget to comply with the following CSS:

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
      color: #888;
      font-family: Oswald, Helvetica, sans-serif;
      text-transform: uppercase;
      font-weight: normal;
      font-size:12px;
    }
    
    input:-moz-placeholder, textarea:-moz-placeholder {
      color: #888;
      font-family: Oswald, Helvetica, sans-serif;
      text-transform: uppercase;
      font-weight: normal;
      font-size:12px;
    }
    
    input::-moz-placeholder, textarea::-moz-placeholder {
      color: #888;
      font-family: Oswald, Helvetica, sans-serif;
      text-transform: uppercase;
      font-weight: normal;
      font-size: 12px;
    }
    
    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
      color: #888;
      font-family: Oswald, Helvetica, sans-serif;
      text-transform: uppercase;
      font-weight: normal;
      font-size: 12px;
    }

    What do I need to do for this? I already have

    .widget_wysija .fLabel {
    	display: none;
    }

    to stop the tiltle from floating while it’s disabled in the settings. Because somehow that setting/option doesn’t work correctly.

    https://wordpress.org/plugins/wysija-newsletters/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hello chkNL,

    I was surprised by your comment and I checked the code of front-subscribers.js

    There is no place where we style dynamically the form.

    Check it out:
    https://gist.github.com/benheu/75d0cf550e6ae22d1ea7

    The validation engine we use is the following one if that may help you:
    http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/

    Cheers!

    Hi Ben,

    Maybe we are then using a different definition of ‘styling’. What I mean with styling, is that the default layout of the theme is used. I understand that MailPoet can of course not support every theme, but generic placeholder CSS should in my opinion work – regarding which theme used.

    I therefore posted the 2 problems I have:
    1) That I did not get the widget to use the placeholder styling I use
    2) That the widget with the option ‘show label within input’ makes the label or placeholder float above the input box. And even with the display: none code above its still shown on a onblur event.

    So if front-subscribers doesn’t do anything, do you have any thoughts on why we didn’t yet manage the get issue 1 solved?

    I btw really love MailPoet! – but the truth is the widget in my opinion degrades MailPoets total experience. Not only because of the above but also because the widget it not responsive. Changing the error message to display directly above the form instead of on the right can maybe already improve its responsiveness. The error and confirmation message is now for example not shown when using an iphone in case the widget is placed in the wordpress footer section. Maybe something to take with you when completing the complete overhaul of the plugin.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Mailpoet statement: we don't have proprietary styling not true’ is closed to new replies.