topic Template css issues in CMS Development

Template css issues

ALouvari — Mon, 05 Sep 2022 15:40:37 GMT

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!

Re: Template css issues

Oezcan — Tue, 06 Sep 2022 08:55:58 GMT

Hello @ALouvari and @emacrow ,

can you show us your code pls?

Best regards
Özcan

Re: Template css issues

ALouvari — Tue, 06 Sep 2022 09:30:13 GMT

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!

Re: Template css issues

JanetArmstrong — Thu, 08 Sep 2022 14:23:36 GMT

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.

Re: Template css issues

ALouvari — Tue, 13 Sep 2022 15:04:35 GMT

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!

Re: Template css issues

MiaSrebrnjak — Mon, 19 Sep 2022 15:12:26 GMT

Thank you for sharing the solution @ALouvari! 🙂