Kit's Formatting + Pasting Fixed

After the discussion on the previous post (https://www.skool.com/daily-email-house/whats-your-preferred-esp) I decided to use Kit as my ESP for now.

But I had some issues with formatting: Line length was too long and pasting added a bunch of empty lines that made each line of actual text be very far from the next.

These are no longer problems as I fixed them inside my template with some custom CSS, which I added on my template but above where the default content is.

This way, when I paste something in an email, the html block doesnt get overwriten.

I'm writing this in case someone wants to do the same.

And if you want to use the same approach but want to do something different and don't know how, let me know and I'll help you set it up

Here's the code:

<style>

@media screen and (min-width: 600px) { .email { max-width: 60% } }

p { padding: 0 !important; margin: 0 !important; }

.email { margin-left: 10px !important; }

</style>

the <style> things are to show that we're writing css.

First line: this says that when it's a screen and it's larger than 600px width (aka tablet or bigger device - so it doesn't impact phone readers), then make the email's width 60% of the area instead of 100%.

To basically get shorter lines, because I personally prefer that.

Second line: this means remove all added spacing from each paragraph. This allows me to paste from Google Docs straight to Kit and it still looks as I want it, even with the extra spaces (see photo attached)

Third line: I just want the email to start a bit more to the left, so I remove some of the space it naturally has (normally it's 18px, now it's 10)

3 comments