Do you see any errors in the console if you open up your browser dev tools?
It could simply be caching related so you could try loading in a different browser or incognito window. You could check if you have plugins or themes that hold on to cache or have a “regenerate CSS” option. There could be other issues at play like mixed content that needs to have a URL search and replace done.
This behaviour is only with Live Link. When I upload pdf files into a wordpress site hosted on AWS Lightsale the bhaviour the pdf files are embedded as per normal.
Not sure about cache behaviour. I wioll try it on a new local site with no plugins.
But it looks to me more like a bug with Live Link…
Of course, your plugin might offer additional display options. I might give it a try to see if there is still the same display problem when I use the Live Link feature in
Local by FireWire.
Hello Nick, can you explain what you mean by opening up the consol. Do you mean the console tab in the Developer tools menu? Or the console tab in the Developer menu in chrome for the live site. In the latter I am getting a mixed content error, something about https and an insecure plugin resource.
That’s exactly what I was referring to. If there are mixed content/insecure errors that could be part of the problem. So you could try taking some extra steps to clear those things up.
Live Links don’t match your Local Site URL (ie: mysite.local), so Local attempts to rewrite these on the fly. Live Links is broadly compatible with many themes, plugins, and custom code snippets. However, some images, front-end assets, or other HTML elements may be missing from your site when viewing it over Live Links.
As a first step you can try running a search and replace command to help clean up any mixed content type errors. To do this you can simply click on Open Site Shell in your Local app under your site name. The command would look something like this:
I have the exact same problem as @GlennFulford
I used elementor, adding an HTML code: <embed src="http://wordpress.local/wp-content/uploads/2024/03/File_name.pdf" type="application/pdf" width="100%" height="600"></embed>
I checked the links to pdfs in Inspects.
CSS Print Method is set to External CSS
Tried the Live link in Chrome, Edge, Brave, Opera. All missing the pdfs previews