Hi there @Enrique, 

As this issue has to deal with custom coding your template, unfortunately I can’t troubleshoot this with you. I would recommend reaching out to your developer or a Klaviyo partner to help work this out for you! 

I also wonder if any other Community users have run into this issue? @Omar, @Jessica eCommerce Badassery, @Spark Bridge Digital LLC , @bluesnapper any thoughts?

-Taylor 

Hi Taylor, thanks for replying to my thread.

I’ve been testing the waters how I may be able to achieve this. I found by using a “text block” with CSS and html styling on it, in the builder I’m able to preview content as it should. But! when I send a “preview” to my inbox and the HTML text above the image got pushed all the way to the bottom of the email. So we are back to square 1 again prfff.

This is a major issue I’m trying to avoid using HTML and CSS styling. Klaviyo’s table code bloats the email by quite a lot, since it uses lots of unnecessary styling code to adjust the sections as how we want it :

I’ve contacted support about this and they mentioned too that I should bring this up to klaviyo’s partner https://connect.klaviyo.com/:

For now I’m doing my research I wish Klaivyo’s would integrate a “Custom CSS” option into their builder. Since I think they are behind on this not giving that flexibility for more advanced klaviyo editors. Would save a lot of trouble for us trying to figure out ways around this using their blocks and adding a bunch of unnecessary code to the email.

UPDATE: Manage to make this work now! sharing here for anyone that deals with this on the near future. 

So it seems for some reason the custom CSS option setting (that we had) was not working once I moved to the new builder so I toggle it to test:

Then started using Custom HTML/CSS styling using a text block and it worked!

Although I run with another problem that I can’t use CSS styling that affects content when viewed in mobile.

So a way around this is by duplicating the same text blocks and set different visibilities, one for Mobile and another one for Desktop.

Then inside the Text block that just has the Custom CSS styling I added some CSS just for content that has the “-mobile” class assigned to them  so I can select those when viewed in mobile.

and this is how much I’ve lowered our Emails!!! about 100kb. 

Using Klaviyo’s drag/drop email builder is great but it bloats the email whenever someone needs to build some complex layouts. Wish they come with a solution to this soon or an easier way to have control over content without bloating the email so much with bunch of unessary code. 

For now I’ll close this thread hope this helps anyone in the future!

Hi @Enrique, 

Wow, happy to hear you were able to find a solution and that you’ve shared it to help any future Community members who might go through the same issue! 

You rock! 

-Taylor

How can I target buttons? There is no class on them its just one of the <td>’s and cant figure out how to add a class.. Any ideas? 

Hi @cacti,

@Enrique any thoughts on how to help your peer? 

As always, @cacti if you are still having issues I’d recommend reaching out to your developer or a Klaviyo partner to help work this out for you! 

-Taylor