CMS Development

Rob3
Membro

CSS code for Custom HTML modules

resolver

Hi,

 

First post and fairly dumb question as I'm not a coder - just a copywriter managing Hubspot for our client! 🐵

 

We've had a custom HTML header and footer designed for the client's standard email template. The HTML designer has included all css code within the main HTML file. The HTML is uploading fine to the template and works great in desktop view, but Hubspot is stripping out the CSS which specifies how to render in mobile view. Hubspot Tech Support said the CSS code should go in the 'Edit head' section, which we did but it didn't have the desired effect! Be glad of any possible steering on where CSS code related to Custom HTML modules should be inserted.

 

The CSS code that the HTML designer has created is as below. Be glad to know if there are missing elements from the code which are causing the problem.

 

Thanks a lot.

----------------------------------------

0 Avaliação positiva
1 Solução aceita
Rob3
Solução
Membro

CSS code for Custom HTML modules

resolver

@Jsum 

Just to confirm that I've private messaged the preview link to you as it seems to cause the message to get cut out if I include it here on the topic conversation.

Thanks very much for your help.

Exibir solução no post original

0 Avaliação positiva
5 Respostas 5
Jsum
Conselheiro(a) de destaque

CSS code for Custom HTML modules

resolver

@Rob3,

 

Can you share a preview link of the email? That css looks a little wierd to me.

 

Also media queries don't work in all email clients, depending on how you are previewing it the client may be the issue. Not a dumb question though.

0 Avaliação positiva
Rob3
Solução
Membro

CSS code for Custom HTML modules

resolver

@Jsum 

Just to confirm that I've private messaged the preview link to you as it seems to cause the message to get cut out if I include it here on the topic conversation.

Thanks very much for your help.

0 Avaliação positiva
michaelawain
Membro

CSS code for Custom HTML modules

resolver

Hello, did you manage to find a solution to this as I am having a similar problem... thankyou in advance!

0 Avaliação positiva
Rob3
Membro

CSS code for Custom HTML modules

resolver

Hi - the solution was basically to engage the very helpful Jonathan (above) to correct the code from our standard HTML guy, which contained some errors. Hope you get your problem fixed!

0 Avaliação positiva
Rob3
Membro

CSS code for Custom HTML modules

resolver

Hi @Jsum - thanks very much for your response. I've tried to reply a couple of times now and my replies seem to get cut out after I've sent them. Just going to try responding now without including the link and see if that stops the response from being deleted.

0 Avaliação positiva