How can I remove the fine, white lines between graphic blocks in my template?

Question

Hello All,

I design my emails as a series of continuous images, and sometimes fine lines appear between the image blocks. I found another post discussing the lines, but no fix.

I have noticed that the lines will appear/ disappear depending on the size I’m viewing the emails and from desktop to mobile.

I have the padding set to 0. I tried to add a background color to the text blocks/ color behind the images, but that doesn’t fix the issue. I tried jpg and png images in a host of sizes to see if that would make an impact.

Has anyone found a fix to this issue?

Thanks!

Ariel

Fine line appearing between image blocks

icon

Best answer by Taylor Tarpley 26 May 2023, 17:48

View original

Taylor Tarpley · Accepted Answer

Hi @Ariel_EvryCreative,Thanks for that follow up!Yes, unfortunately, styling with Outlook is tricky and might not always render exactly how you want. These styling issuesare a common occurrence for Outlookasit doesn't do well with HTML. There is aLitmus articlethat is pretty helpful for sorting our rendering issues. I would also recommend to usingLitmus to preview how your emails will render in Outlook and other email clients. If you’re curious, you can determine how many of your viewers for a given campaign opened the email on Outlook. Please navigate to an alreadysent campaignand select theAdvancedtab from the campaign analytics menu. Here, you can view ‘Performance by Email Client’ to see how many opens were tracked within Outlook.However, although they all link to different URLs you should be still able to have these different image blocks in one section of the editor to mitigate the issue, which would be your best best instead of creating more sections.-Taylor

Taylor Tarpley · Answer

Hi there @Ariel_EvryCreative,Thank you for asking your question! Great troubleshooting so far!Do you mind confirming a couple things to help us identify this issue? For instance, can you confirm what inbox provider you’re using when you see this error? Additionally, can you confirm that to make these continuous images, you’re usingsplit images within the email template?If so, then this could be the reason why you’re seeing this fine lines between the different images. These lines displayas a result between the images due to how different inboxessupport (or do not support) outline elements. Due to this behavior, sometimes the email client will add these gaps.In order to fix this as much as possible, I’d recommend including all the image blocks within a single sectionand then apply a content background color to the section. This way, any gaps between the images will be filled in with the appropriate background color. The key thing to note here is that the background color needs to be on the section content color to work. If you apply it on the block level, it will still show the gap.Thanks for partipcating int the Community!-Taylor

How can I remove the fine, white lines between graphic blocks in my template?

3 replies

Reply

Most helpful members this week

Reply

Most helpful members this week

Sign up

Use your Klaviyo credentials

Log in to the Community

Use your Klaviyo credentials

Scanning file for viruses.

This file cannot be downloaded