Icons not displaying on Preview mode but will on Live site
Answered
We're updating our Twitter logo to X on our website designs. In doing so, the live version of the website (https://design13.vcgwebsitedemo.com/) looks correct, but the preview mode for the very same website doesn't pull the updated logo (https://cp2.vcgwebsitecp.com/~design13vcgwebsi/). See the social media section in the upper-left.
When looking in the Style editor on Firefox, the CSS files named brands, solid, and fontawesome shows different code on the preview mode than it does on the live site. I'm not sure if this is related, since copy/pasting the actual code into the style editor doesn't appear to fix it on the preview mode.
Anyone have any ideas why the new Twitter icon works on live but not on preview?
-
Hi,
Are both of these URLs serving content from the same directories? If the content is being served from separate directories, it's possible content is being cached on the preview. I also noticed my browser console is reporting several 404 errors on the preview site, but only 1 404 error on the live site. Were there any errors being logged to the Apache error log when visiting the preview mode site? The following article describes where to find the Apache error log:
0 -
Good morning,
It should be the exact same website using the same directory. It's just the previews are showing differently.
Would you be able to provide more specific instructions on how to view the Appache error logs? Note: This is for all of our website previews, not specific to this domain.
0 -
Turns out I had an extra / at the beginning of the CSS call. It worked on the live version but not on the preview.
So I fixed this by updating:
<link href="/bower_components/fontawesome-free/css/brands.css" rel="stylesheet" />to:
<link href="bower_components/fontawesome-free/css/brands.css" rel="stylesheet" />0 -
I'm glad you were able to track that down!
0
Please sign in to leave a comment.
Comments
4 comments