Skip to main content

Notifications

Announcements

No record found.

Customer experience | Sales, Customer Insights,...
Suggested answer

Multiple images in a row in Marketing Email

(1) ShareShare
ReportReport
Posted on by 72

Hi,

I am creating a marketing email, I want to place multiple images in a row.

pastedimage1595361929495v6.png

Tried with placing multiple column section and placing images in it, but its not adjusting in mobile devices.

pastedimage1595361870071v5.png

I want it to display like this.

pastedimage1595361818692v4.png

Please Help.

Regards,

Hamid Hassan

  • sinehelth Profile Picture
    sinehelth 45 on at
    RE: Multiple images in a row in Marketing Email

    Hi Hamid

    Did you have any luck building the footer?

    I am trying to achieve this in a content block, but keep getting stuck.

  • Suggested answer
    Preeti Rana Profile Picture
    Preeti Rana on at
    RE: Multiple images in a row in Marketing Email

    Hi Hamid,

     

    As mentioned above, this is primarily to make the email more responsive on mobile devices. Can you please create a support ticket for this issue so that the team can investigate the source file?

     

    Guidance on creating ticket: https://mbs.microsoft.com/customersource/northamerica/CRM/support/support-lifecycle/CRMSupport

     

    Please email us the ticket number on d365mktcomm@microsoft.com to follow up. :)

     

    Thanks,

    Preeti Rana

  • cloflyMao Profile Picture
    cloflyMao 25,202 on at
    RE: Multiple images in a row in Marketing Email

    Hi Hamid,

    Could you share me source code of your Marketing Email if possible? It will be helpful for me to find where should be modified.

    In addition, you could take my method as reference:

    add custom class name to your social icon container elements, then add rule to custom class: force width of social icon container to 25% when screen width is smaller than 768px.

    Regards,

    Clofly

  • Hamid Hassan Profile Picture
    Hamid Hassan 72 on at
    RE: Multiple images in a row in Marketing Email

    Thanks Clofly,

    nice to see your reply. But I want to build like below image.

    pastedimage1595405329191v3.png

    Stuck in social media icons. I have customized the section by my self, but it is not working as required on mobile. as given below image of mobile view. I want to display in a row like big screen because there is alot of space in left and right.

    pastedimage1595405456355v4.png

    Please help.

  • cloflyMao Profile Picture
    cloflyMao 25,202 on at
    RE: Multiple images in a row in Marketing Email

    Hi Hamid.

    Because column control is responsive design, therefore when we're viewing marketing email in small width screen, those 4 columns images will become to 4 rows.

    You could take steps below to set them to be on in same row.

    1. Set columns of section to 4.

    8156.x1.JPG

    2. You may need to format source code of Marketing Email with following website:

    https://webformatter.com/html

    3. Add custom class to container element of four images.

    3414.JPG

    4. Find @media query, add a rule for custom class:

    .imageContainer {
        width: 25% !important;
    }

    pastedimage1595397220279v1.png

    Result of test email(iPhone XR Gmail app):

    IMG_5F00_3423.PNG

    Regards,

    Clofly

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Congratulations 2024 Spotlight Honorees

Kudos to all of our 2024 community stars! 🎉

Meet the Top 10 leaders for December

Congratulations to our December super stars! 🥳

Start Your Super User Journey Pt 2

Join the ranks of our community heros! 🦹

Leaderboard

#1
André Arnaud de Calavon Profile Picture

André Arnaud de Cal... 291,791 Super User 2024 Season 2

#2
Martin Dráb Profile Picture

Martin Dráb 230,488 Most Valuable Professional

#3
nmaenpaa Profile Picture

nmaenpaa 101,156

Leaderboard

Featured topics

Product updates

Dynamics 365 release plans