Padding and other adjustments for feed featured image

  • Resolved crzyhrse

    (@crzyhrse)


    5 years, 11 months ago

    Wanted to share this in case it is helpful to others… Thanks to ArtsHacker-dot-com I was able to use this code in my MailChimp template, in the block where the text and featured image appears… Put the code at the bottom of that block’s custom > code area, and adjust as needed…

    <style type="text/css">@media screen and (min-width: 560px) {
.mcnTextContent img {
padding-top:15px !important;
padding-bottom:15px !important;
height: auto !important;
max-width: 560px !important;
}
}
@media screen and (max-width: 559px) {
.mcnTextContent img {
padding-top:15px !important;
padding-bottom:15px !important;
max-width: 100% !important;
}
Viewing 2 replies - 1 through 2 (of 2 total)

  • Great, thanks for sharing, we are always looking for good Mailchimp CSS tweaks for various layouts. This one seems to set the image to be a max width of 560px, with a 15px padding on top and bottom, very nice. Mailchimp seems to set the full width to 600px wide, so this might have a nice 20px space on the left and right as well.

    I am not sure you need the media query portion for the 559px width, since the max-width should also take care of it by including the width: 100%, and also ensure it’s centered using margin auto, combined like so:

    <style type=”text/css”>
    .mcnTextContent img {
    padding-top:15px !important;
    padding-bottom:15px !important;
    height: auto !important;
    width: 100% !important;
    max-width: 560px !important;
    margin: 0 auto !important;
    }
    </style>

    [ Signature deleted ]

    Thread Starter crzyhrse

    (@crzyhrse)

    Hi Rob, Thanks for going into this…

    Tried your css in MailChimp in place of the css I posted above, but it doesn’t work…

    The image in both the Preview mode and the test email in MailChimp loose the padding with your css… Comes right back when I restore the code I got from ArtHacker…

    Maybe some idiosyncrasies with MailChimp…? My coding is rather elementary so you’d probably know better than me…

    Kind regards…

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Padding and other adjustments for feed featured image’ is closed to new replies.