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

[Anonymous]

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!

[Jay_Jiang]

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

[Anonymous]

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

[SanfordWhiteman · Accepted solution]

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

[Anonymous]

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

[Jay_Jiang]

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">