Template css issues

[ALouvari]

Hello, 

I have create a new template using Design tools for my Landing Pages. While I have all the files correct (html, css), the preview page shows my template properly without any problem. 

However, when I go to create a new Landing Page with this specific template, the preview of the template looks correct but when I select it, the css is not loading properly. 

For example, this is a part of the template in my preview:

And this is how it looks when I select this template in Landing Page creation:

Does anyone know why this is happening and how to fix it? 

Thank you very much! 

[ALouvari · Accepted solution]

Hello everyone,

I manage to find the solution to my  issue.

It seems that I was using the IDs each module was generated by default in the preview mode as css hundlers, but once I use the template in a live Landing Page, these IDs were changing with a numbered ones. 

As a solution, I created individual css classes for each one of these elements and now everything is working properly! 

Thank you everyone!

[MiaSrebrnjak]

Thank you for sharing the solution @ALouvari! 🙂  

[JanetArmstrong]

It is probably that your preview is using a different css file. Make sure you assign the css file to your template. It could be using your domain settings on the page.

[Oezcan]

Hello @ALouvari and @emacrow ,

can you show us your code pls?

Best regards
Özcan

[ALouvari]

Hello @Oezcan , 

Thank you very much for your reply. 

Below it's the part of the code from the specific element of my template. I also shared the css part too, but it's a common css code.

Please let me know if you need any further information. 

Thank you!