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!

[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!

[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.

[ALouvari]

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!