CSS referencing in Free Form Landing Page - CSS isnt displaying in live page, but displays in page preview | Community
Skip to main content
Nov 8, 2018 1:51 AM UTC
Solved

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!

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
SanfordWhiteman
SanfordWhitemanAccepted solution
Level 10
Nov 8, 2018 2:21 AM UTC

Load your CSS files over . Your main doc is .

5 replies

Jay_Jiang
Level 10
Nov 8, 2018 2:02 AM UTC

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

Translate
Nov 8, 2018 2:09 AM UTC

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

Translate
SanfordWhiteman
SanfordWhitemanAccepted solution
Level 10
Nov 8, 2018 2:21 AM UTC

Load your CSS files over . Your main doc is .

Translate