Skip to main content
vylla001
Contributor IV
Contributor IV
November 11, 2021
Solved

Background color for email columns

  • November 11, 2021
  • 13 replies
  • 1245 views

I’ve added a new image to a column and when I change the background color the area below the image is not changing. Is this normal or is there a way to show the same color for the whole area? Thanks.

 

    This topic has been closed for replies.
    Best answer by thepowerofcopy

    I’ve added a new image to a column and when I change the background color the area below the image is not changing. Is this normal or is there a way to show the same color for the whole area? Thanks.

     

     

     

    Hello, @vylla001 


     You will need to upload all of the icons first before changing the background color, but make sure that they are all the same size.

    I recorded a screen record for you. :)

    You can find it at the following link: 



    I hope it help you.

    Rooting for you,
    Mae

    13 replies

    alex.hong
    Klaviyo Alum
    March 7, 2022

    Hi @JimmieaQuick,

    Thanks for the clarification.

    Correct that you wouldn't have the ability to use the new editor if you were simply only adjusting and re-using the existing templates as the new editor does not support this yet. Additional details were covered on initial launch of the new template editor.

     

    Best,

    Alex 

     

    Contributor I
    May 2, 2022

    Hi @alex.hong 

     

    Hope it’s OK that I type a problem similar to the other ones here.

    I’ve inserted a background color and it looks really good without any white space etc. in Klaviyo. When receiving it on my Gmail there comes some white spaces (both laptop and iPhone) besides the pictures. In Klaviyo there aren’t any white spaces as they are placed besides each other.

    Do you have any advice on how to make sure that the layout made in Klaviyo is the same when sending it out?


    Thanks in advance.

    Best,

    Karen

    alex.hong
    Klaviyo Alum
    May 2, 2022

    Hi there @knebelp,

    Thanks for sharing. Unfortunately, this issue can occur for a large variable of reasons. So although I am unable to pinpoint the exact solution, I can point to some hypotheticals. 

    For example, are you already using the “Fill Image Area” setting for that image block? If not, I would recommend doing so as enabling that setting would allow the image to fill up the entire space of the block. You can find that setting by clicking on the Image Block > Block > Fill Image Area.

    Some other things to consider:

    • Are there any padding used for that Image Block?
      • You can see if there are padding applied and update it by going the Block Styles of the Image Block
    • Are you uploading an image that has those white borders to the left and right of the image?
      • If so, then you may want to “cut” or remove these borders before uploading to Klaviyo for use again

    Can you also double check to make sure if your template’s width is set to be 600px? You can check this from the form’s Style’s tab.

    I would also recommend ensuring the above settings of Fill Image Area, Padding, and 600px Width are actually saved to the template as any changes will need to be saved for these updates to take effect. If this still doesn’t resolve your issue, can you also share some images of your template highlighting the template’s Style’s tab, respective image’s Block’s tab, and the Block Style’s tab?

     

    I also recommend checking these two community article threads:

     

    Thank you!
    Alex