Controlling Button Width (Mobile Display)

Update:

After a little research, we learned MailPoet is blocking (unloading) all of our CSS changes (and other users) as confirmed here. That is crazy!

It’s quite a shame that MailPoet is blocking users from customizing their newsletters. Why? As you add more capabilities to your plugin, sales will increase.

On the positive side of things, we also learned that MailPoet developed a filter that will allow us to change the appearance of newsletter buttons using CSS, but haven’t figured out how to use it yet.

In short, all we need to know is how to apply the filter provided below to change the default width of newsletter buttons on mobile devices. Currently, the default (i.e., locked) width for buttons in mobile view is set to width:100%px!important (we need width:40%!important;)

The CSS code for outgoing newsletters can be found in the following file: /public_html/wp-content/plugins/mailpoet/views/emails/statsNotificationLayout.html

Click here to view the lines of code affected.

And here’s the filter developed by MailPoet (see below). We just need to know the exact code (and applicable css file, in bold below) so we can enter it into our functions.php file.

function whitelist_newsletter_button_style($styles) {

$styles[] = 'mailpoet-button.css';
return $styles;
};

add_filter('mailpoet_conflict_resolver_whitelist_style', 'whitelist_newsletter_button_style');

Again, we would appreciate your help on this. Fixing the button display on your newsletters should be an easy fix. Better yet, it shouldn’t be blocked. Kindly help!

Thank you,

Cheers!

Hi @jetxpert

That filter won’t help with the newsletter’s CSS styles. That filter only works to whitelist a stylesheet inside the MailPoet’s admin pages.

It’s quite a shame that MailPoet is blocking users from customizing their newsletters. Why? As you add more capabilities to your plugin, sales will increase.

– All styles applicable by the newsletter designer have been thoroughly tested in more than 40+ email clients. If we allow our users to freely modify those, it’s almost certain that the newsletter design will be broken in at least dozens of other email clients, and we’ll have to support that. Which is almost impossible for our small team at this moment. That was a product/design decision we had to make. There are other email platforms that will allow you to fully customize the HTML and CSS of your newsletters.

@mailpoet,

Thank you for your feedback.

Recommendation:

Have you guys ever thought of developing a filter or code snippet for this purpose? (i.e., allow newsletter CSS customizations). Once developed, it can be released with the following caveats or warnings:

(1) Free Users: Newsletter display issues resulting from the use of this filter are not supported by MailPoet.

(2) Paying Users: Newsletter display issues resulting from the use of this filter are supported by MailPoet for an additional fee.

(3) All Users: MailPoet does not guarantee that all email clients will properly display its Newsletter when using this filter.

And why would MailPoet worry about testing its code on 40+ email clients? Most likely, your revenue comes from customers using only one of these top-ten email clients. Based on the Pareto Principle, testing your code on any email client not shown in the list provided in the link is a waste of time, effort, and money.

Should be fairly easy to implement the above with the advantage of generating more revenue.

Creativity rules.

Cheers!