• Resolved agencystacey

    (@agencystacey)


    I’m using custom RSS items on a MailChimp blog subscription campaign and can’t get a bottom margin between the featured image and excerpt. There’s currently no space, so the text is jammed up against the image.

    I don’t want to use the full content because other elements will be pulled into the email, which looks awful.

    Is there an easy fix for this (I don’t see any way to style it in the MailChimp template editor with CSS), or have I gotten myself into a corner I can’t get out of?

    Thanks.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Robin Cornett

    (@littlerchicken)

    The plugin adds an inline style to the image, which includes a bottom margin of 20px. I do see this working in a MailChimp preview of your RSS feed. If 20px is less than you want, you can use the sendimagesrss_image_margin filter and just change the number to whatever you prefer. This code, for example, would change it to 30px:

    
    /**
     * Change the default margin on RSS images.
     */
    add_filter( 'sendimagesrss_image_margin', function() {
    	return 30;
    } );
    

    If you are not seeing the margin, it may be due to a caching issue, but you can see it in the image markup in the raw feed:

    
    <img width="1024" height="448" src="https://yoursite.com/wp-content/uploads/2018/02/ladder-1024x448.jpg" alt="Your Post Title" align="left" style="margin: 0 20px 20px 0;max-width:560px" />
    

    Hope that helps!

    Thread Starter agencystacey

    (@agencystacey)

    Trying to remember if I cleared my cache (she said, wincing). I usually remember.

    Thanks for this, Robin. I’ll give it a spin and see how it goes.

    Thread Starter agencystacey

    (@agencystacey)

    Well, I’m thoroughly confused. I checked my feed in Firefox and don’t see the bottom image margin, just the image size and URL.

    What I do see is no line break between the featured image and the beginning of the blog excerpt, so the first few words of the text are jammed against the right side of the image.

    I tried a caching plugin to clear the cache, but no luck on that, either.

    I feel like I’m missing something small, but I’ve been going in circles for so long I can’t see it. The worst kind of support query, I know. Apologies for this.

    Plugin Author Robin Cornett

    (@littlerchicken)

    Since you are using large images, I would suggest setting the alignment to center instead of left, which is what it looks like you currently have. Previewing the raw feed in Firefox will give you a rendered version of the feed instead of just the raw version–it looks like their rendering strips out some of the image markup which MailChimp does allow (margin and max width).

    However, in any case, setting the image alignment to left will do what you’ve described, with the text coming up right alongside the image. Setting it to center should clear the text past the bottom of the image. Hope that helps!

    Thread Starter agencystacey

    (@agencystacey)

    Huh. I didn’t realize Firefox would strip out markup.

    And hooray, centering the image did the trick. I had a mortifying feeling it was something simple. Hard sometimes to get to the bottom of these things when you don’t wrestle with them every day.

    Thanks so much, Robin.

    Plugin Author Robin Cornett

    (@littlerchicken)

    Glad that helped! RSS feeds are notoriously difficult to troubleshoot. ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘No space between image and blog excerpt (MailChimp)’ is closed to new replies.