SOLVED

CSS referencing in Free Form Landing Page - CSS isnt displaying in live page, but displays in page preview

Go to solution
Highlighted
Anonymous
Not applicable

CSS referencing in Free Form Landing Page - CSS isnt displaying in live page, but displays in page preview

I'm trying to build a landing page using free form. I'm referencing CSS in the template that is hosted elsewhere. When I preview the template everything looks as expected. When I build the page using this template, the preview of the page looks fine too. However, when I view the Approved Page, or look at the page with the page URL, all of the CSS is missing. Not a CSS expert, but can do a bit. Has anyone else experienced this, and found a resolution that I'm overlooking? Thanks!

1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Level 10 - Community Moderator

Re: CSS referencing in Free Form Landing Page - CSS isnt displaying in live page, but displays in page preview

Load your CSS files over https://. Your main doc is https://.

View solution in original post

5 REPLIES 5
Highlighted
Level 7

Re: CSS referencing in Free Form Landing Page - CSS isnt displaying in live page, but displays in page preview

Can you post a link to the approved page?

One thought - other css is affecting your css, you may need to make your css !important

Highlighted
Anonymous
Not applicable

Re: CSS referencing in Free Form Landing Page - CSS isnt displaying in live page, but displays in page preview

Thanks Jay, here's the link to the page. I've pulled the css from the external source and placed into txt files, added them into Marketo under the image & files area, and am now referencing the urls of the txt files to pull in the css. still the same outcome though.  Here is the link to the page, how would I make !important?

https://pages.to.franklintempleton.com/Test-JM.html

Highlighted
Level 10 - Community Moderator

Re: CSS referencing in Free Form Landing Page - CSS isnt displaying in live page, but displays in page preview

Load your CSS files over https://. Your main doc is https://.

View solution in original post

Highlighted
Anonymous
Not applicable

Re: CSS referencing in Free Form Landing Page - CSS isnt displaying in live page, but displays in page preview

Who knew it would have been that easy! Thanks guys, big help!

Highlighted
Level 7

Re: CSS referencing in Free Form Landing Page - CSS isnt displaying in live page, but displays in page preview

As Sanford says, replace your css http:// links with https:// or you can just use //

<link type="text/css" href="https://nation.marketo.com//www.franklintempleton.com/assets/css/core.min.css" rel="stylesheet">