- This topic has 5 replies, 3 voices, and was last updated 3 years, 3 months ago by
.
-
Posts
-
Hello,
I am new in WordPress/GP and I am having big issues designing my homepage. While the preview looks good and perfectly aligned with what I am trying to do, the actual page looks very different (headings not centered, colors not added, grid and images distorted, etc.). I have been trying to clear the cache and follow recommendations I could find on the forum but so far this has not changed anything.
I am worried I may have messed up something with my many trials and errors at the beginning, so I would appreciate an expert look at my site to help me figure out and fix the problem.
Thanks,
ChrisCustomer Support
Hi there,
I logged in and checked the editor, it looks the same as the front end, except for the wp show posts, but it doesn’t have preview in the editor.
This is what i see on front end:
https://www.screencast.com/t/mMsgzEkUlLet me know if you are referring to a specific section.
Hello,
Thanks a lot for checking my site. So yes the screenshot you shared corresponds to what I am trying to achieve, and what I see in Preview. But it looks very different when trying to visit the page from any browser (I have tried Chrome, Firefox, Safari). I even tried on an iPhone and get the same result, it is just like many settings (width, colors, etc.) are not taken into account, the button is not showing properly, etc. See below a screenshot of what I see when accessing the page other than through Preview.
Thanks,
ChrisCustomer Support
Hi there,
can you go to Dasboard > GenerateBlocks -> Settings and change the CSS Print Method to Inline Embedding.
Then purge your site caches and browser caches.
I also noticed in the developers tools when checking your site, the following console error:
?v=2.0:16 WebSocket connection to 'wss://public-api.wordpress.com/pinghub/wpcom/me/newest-note-data' failed:Which i tracked to error relating to JetPack, and here it explains how to stop that:
https://github.com/Automattic/jetpack/issues/9170#issuecomment-376867824
It don’t think this is related to the missing styles issue but its an error all the same , and its nice to remove them 🙂
Dear David,
I followed your instructions on changing the CSS Print Method and it fixed the styling issue. Thanks a lot!
(I also solved the console error by deactivating the JetPack notifications as per the post you linked).
Great support, this is really appreciated.
ChrisGlad to be of help!
- You must be logged in to reply to this topic.
