topic Re: Update embedded CSS in email drag & drop template in CMS Development

Update embedded CSS in email drag & drop template

mkal88 — Wed, 19 Aug 2020 18:32:59 GMT

I'm using the provided HS drag&drop email template and I need to add a media query and other css to the head tag. Is there a way to do that (in a cloned version) or do I have to use the selectors provided in the template?

Re: Update embedded CSS in email drag & drop template

John — Wed, 19 Aug 2020 19:05:41 GMT

You unfortunately have to use the selectors provided in the template. I have done work-arounds for media query stuff (i.e. create a custom image module and use the picture element for an image and put your media queries in there.)

You could also include custom styles in a custom module. You have to make sure the email gracefully falls back for email clients that strip style tags in the body of the email.

Re: Update embedded CSS in email drag & drop template

mkal88 — Wed, 19 Aug 2020 23:07:51 GMT

Thanks John. I've been trying that but Gmail ignores style tags in the email body which stinks. I can't even sneak a head tag in. HS strips it out.

Re: Update embedded CSS in email drag & drop template

John — Thu, 20 Aug 2020 12:22:10 GMT

Yeah, I've had to make sacrifices and design with progressive enhancement for any custom stuff. It would be nice for some custom css capabilities!