• Resolved justraveling

    (@justraveling)


    Hi there, I have a problem with this plugin. I set the size of feed images to 373×248 and they actually show perfectly into the email client (outlook), but when opened in a browser (chrome) they get stretched to 564×375. Looking at the code I realized that this is because a width=100% style is added. Is there a way to remove/overwrite the css and show the images correctly? Thx Paolo

    • This topic was modified 7 years, 2 months ago by justraveling.
Viewing 7 replies - 1 through 7 (of 7 total)
  • Let me take a look at the code, I think there was to be a max-width:100% to keep images responsive, but not set a width itself.

    Yes:
    'display: block; margin-bottom: %1$spx; clear:both;max-width: 100%%;'

    The max-width should not force the images larger, but constrain them to be within the container they are in. Perhaps something else is adding the width=100%?

    Can you send me the URL of the campaign?

    Thread Starter justraveling

    (@justraveling)

    Thanks Rob, yes the url is http://bit.ly/mc2701.
    That’s the problem. It takes all space within the container, but I’d like to keep it in the original size, basically removing max-width. Is that possible?

    Thread Starter justraveling

    (@justraveling)

    Hi Rob, any feedback on this? I’ve noticed there have been two updates of the plugin this week. Will they possibly solve the “force-resize” issue? Many thanks!

    Hi Paolo,

    I took a look at your raw feed, and the width:100% is not from my plugin, it’s a bit confusing, but here’s the plugin’s CSS output:

    style="display: block; margin-bottom: 5px; clear:both;max-width: 100%;"

    and here’s what’s showing up in Mailchimp, it’s adding a lot more:

    style="max-width: 100%;width: 100%;padding-bottom: 0;display: inline;vertical-align: bottom;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;"

    the max-width is just an upper limit, it will not stretch images out to width 100%, it stops them from being larger than 100% if they are larger than the area. So the width: 100% is the one causing the issue, and it’s being added by the Mailchimp template.

    Be sure “RSS Image Resize” is turned off under “RSS Feed”: http://pasteboard.co/XQlyTCu.jpg

    Perhaps try this CSS in the Mailchimp template, click the <> to add code to the text area:

    <style type="text/css">.rss-content img {
      width: 373px;
    }
    </style>

    and see if that helps?

    See this thread as well:
    https://wordpress.org/support/topic/example-mailchimp-rss-template-code/

    Let me know if that helps.

    Thanks,
    Rob

    BTW that Mailchimp campaign link looks great to me… I toggled the width:100% in the CSS, and the 2nd image just gets smaller, which looks not as good.

    Thread Starter justraveling

    (@justraveling)

    Thanks Rob, I actually didn’t know about the “RSS Image Resize” option in Mailchimp. That should work just fine, but I will verify it tomorrow with the delivery.

    /best

    Paolo

    Hi Paolo,

    You should be able to do a “test send” within Mailchimp to see if it’s working better. Let me know.

    Rob

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Problem With Image Size – Email Client vs Browser’ is closed to new replies.