Image Centered Above Text not centered

Resolved

(@manup-1)

Hi, I’m trying to add the featured image in the RSS feed in order Brevo to embed it in the description tag.

Featured Images in RSS for Mailchimp & More seem to do the job, but I can’t find how to get the featured image centered above the excerpt in the newsletter sent by Brevo.

While the RSS image alignment setting is set to Image Centered Above Text (RSS Image Size being set to Medium and RSS image to text padding to 35px), the featured image is on the left and the text starts on the lower right of it, as you can see on this screenshot:

The feed looks like this, for the description tag :

<description><![CDATA[<img width="225" height="300" src="https://domain.com/wp-content/uploads/2023/11/photo-225x300.jpg" class="webfeedsFeaturedVisual wp-post-image" alt="" style="display: block; margin: auto; margin-bottom: 35px;max-width: 100%;" link_thumbnail="" decoding="async" fetchpriority="high" srcset="https://domain.com/wp-content/uploads/2023/11/photo-225x300.jpg 225w, https://domain.com/wp-content/uploads/2023/11/photo.jpg 532w" sizes="(max-width: 225px) 100vw, 225px" />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. [&#8230;]]]></description>

When I view the newsletter in a browser, adding the following CSS lines to the CSS, the text starts under the picture:

img.webfeedsFeaturedVisual.wp-post-image {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
}

So, my question is: how do I set up the Featured Images in RSS for Mailchimp & More plugin to work like I want it to, i.e. center the featured image above the text?

WP 6.9 + Featured Images in RSS for Mailchimp & More 1.7.1

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Author Rob – 5StarPlugins / PressWizards
(@presswizards)

5 months, 1 week ago

Hi @manup-1 yes that’s the basic idea… many platforms strip out the CSS we add to the image in the RSS feed, so you need to add the custom CSS at the top of the HTML template, usually in a <style> … </style> section, with the custom CSS targeting the IMG and the class that the template or platform uses. That way when it’s delivered to the mailbox it has the needed CSS inside the template, and should not be stripped out that way.
Thread Starter manu.p
(@manup-1)

5 months, 1 week ago
Thank you @presswizards that’s what I needed!

For who’d be in the same case I was, here’s what I added to the Brevo mail template header (HTML block):
```
<style>
img.webfeedsFeaturedVisual.wp-post-image {
    display: flex;
    position: relative;
    padding-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
}
<style>
```
Plugin Author Rob – 5StarPlugins / PressWizards
(@presswizards)

5 months, 1 week ago

@manup-1 Thanks for the follow-up, I’m glad it’s working for you!

Viewing 3 replies - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.