How to align images vertically?

  • Resolved David Robinson

    (@foxrobinson)


    2 years, 1 month ago

    I want to have six social media images in the footer that are aligned vertically, one after the other. In the editor they are like this but when I send a test email, they are aligned centrally on top of each other

    <div class="email-footer">
<a ><img src="https://meditationandbeyond.co.uk/wp-content/uploads/2023/01/ajQSpCd87tALyDkfiPA3s9.png"></a>
<a ><img src="https://meditationandbeyond.co.uk/wp-content/uploads/2023/01/h1Tk7aVRvFCiYpJmYmkUwt.jpeg"></a>
<a ><img src="https://meditationandbeyond.co.uk/wp-content/uploads/2023/01/aFWvX1bXU7gwf6eUUAovY9.jpeg"></a>
<a ><img src="https://meditationandbeyond.co.uk/wp-content/uploads/2023/01/keFfUz5udVg529BN1zf4ZB.png"></a>
<a ><img src="https://meditationandbeyond.co.uk/wp-content/uploads/2023/01/i5p4ZzD4Uwz4mqaHWEV26o.jpeg"></a>
<a ><img src="https://meditationandbeyond.co.uk/wp-content/uploads/2023/01/content_soundcloud-social.png"></a>
</div>
    .email-footer img{
width:50px;
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support WebToffee Support

    (@webtoffeesupport)

    Hi @foxrobinson,

    Thanks for reaching out.

    We have altered the shared code to meet your needs. Could you please add the updated code into the footer section and test it? You can alter the code according to your need.

    Modified code:

    <div class="email-footer">
<a ><img src="https://meditationandbeyond.co.uk/wp-content/uploads/2023/01/ajQSpCd87tALyDkfiPA3s9.png" style="height: 50px;width: 50px"></a><br/>
<a ><img src="https://meditationandbeyond.co.uk/wp-content/uploads/2023/01/h1Tk7aVRvFCiYpJmYmkUwt.jpeg" style="height: 50px;width: 50px"></a><br/>
<a ><img src="https://meditationandbeyond.co.uk/wp-content/uploads/2023/01/aFWvX1bXU7gwf6eUUAovY9.jpeg" style="height: 50px;width: 50px"></a><br/>
<a ><img src="https://meditationandbeyond.co.uk/wp-content/uploads/2023/01/keFfUz5udVg529BN1zf4ZB.png" style="height: 50px;width: 50px"></a><br/>
<a ><img src="https://meditationandbeyond.co.uk/wp-content/uploads/2023/01/i5p4ZzD4Uwz4mqaHWEV26o.jpeg" style="height: 50px;width: 50px"></a><br/>
<a ><img src="https://meditationandbeyond.co.uk/wp-content/uploads/2023/01/content_soundcloud-social.png" style="height: 50px;width: 50px"></a><br/>
</div>
    Thread Starter David Robinson

    (@foxrobinson)

    Hi there,

    Thank you for the reply and yes this works for me.

    David

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to align images vertically?’ is closed to new replies.