Skip to main content
Solved

Instagram in Table block formatting

  • October 19, 2021
  • 4 replies
  • 170 views

Forum|alt.badge.img+2
  • Contributor I
  • 3 replies

Hi, 
I have tried to adjust the Block Styles for the table block with my Instagram feed in, in order to achieve the spacing and appearance. But no matter what, it does not work.

I want the block to look like the block above “shop here”.

What and where in the Block Styles do I change the look to be like this? Right now they have the same adjustments but does not look the same at all.

 

Best answer by alex.hong

Hi there @MiaKT,

I would double check that great documentation that Manny sent over to review how to utilize IG content on your email templates!

In most cases declaring text-align: center on the containing parent element is enough since img elements are inherently inline. But to ensure that this behaviour is consistent across all email clients declare display: inline-block on the nested img as well.

Hope that helped!

Alex

View original
Did this topic or the replies in the thread help you find an answer to your question?

4 replies

Mailbox Manny
Partner - Silver
Forum|alt.badge.img+38
  • Partner - Silver
  • 417 replies
  • October 19, 2021

Are you using the method in this article to add your IG feed? https://help.klaviyo.com/hc/en-us/articles/360004384031-Using-Instagram-Content-in-Emails


alex.hong
Forum|alt.badge.img+58
  • Klaviyo Alum
  • 1552 replies
  • Answer
  • October 19, 2021

Hi there @MiaKT,

I would double check that great documentation that Manny sent over to review how to utilize IG content on your email templates!

In most cases declaring text-align: center on the containing parent element is enough since img elements are inherently inline. But to ensure that this behaviour is consistent across all email clients declare display: inline-block on the nested img as well.

Hope that helped!

Alex


Forum|alt.badge.img+2
  • Author
  • Contributor I
  • 3 replies
  • October 20, 2021

Hi, 

I have not followed the guide as I wrote with the Klaviyo support who told me to make a table block if I wanted the feed to be inline and not three pictures above each other. 
So one from the Klaviyo support put the code into a table block for me, but now the images are not the same size.


alex.hong
Forum|alt.badge.img+58
  • Klaviyo Alum
  • 1552 replies
  • October 20, 2021

Hi there @MiaKT,

Thanks for your response that offers further clarification.

Unfortunately you will need to upload the images as the same size if you want them to appear as the same size. It's expected that they will not be aligned unless you were to upload them as the same size. If you do not have access to a graphic editor such as Photoshop, you can use something like https://pixlr.com/ to edit your images. I would highly recommend you follow the guide and great documentation found in our help center (for example: How to Insert an Image into a Text Block) as they are great for setting up your templates and making sure your Klaviyo account runs smoothly.

For further assistance on that implementation, I would suggest to hire/speak to a developer if you need assistance as well.

I would also recommend checking out this Community post with similar questions and guidance on how to approach this template design situation:

 

All the best,

Alex