One image not showing in post until clicked

Developer help
1

Latest version of Ghost is installed.

When I add an image file to the post in the link provided, it looks fine in the editor but looks blank when I open the post in a separate browser session. The image opens if clicked on.

  • What’s your URL? Alaska 2024 - Day 0 Embarkation
  • What version of Ghost are you using?
  • Ghost-CLI version: 1.26.1
  • Ghost version: 5.90.2 (at /var/www/ghost)

And

  • Installed on Ubuntu 22.04 from DigitalOcean marketplace Ghost build
  • What Node version, database, OS & browser are you using?
    – node version - found v18.20.4
    – database version - 8.0.39.0
    – OS Version Ubuntu 22.04.1
    – browser Version Firefox 129.0.2
  • No errors in console. It looks like the image loads into the post.
  • Go to post, scroll down to image that has the sub-title Silver Muse Boarding Pass and Wallet. Space is allocated for the image but it does not show up until you click on the space.
  • Ghost Doctor runs clean. Let me know if output would be helpful.
2

I checked your website and noticed some errors reported by browsers, as shown below. Your site domain is configured with HTTP but the browser requires HTTPS.
Check the config file in your Ghost project directory, `stack.yml’ or 'config.production.json", and you should see your site name in the file, change it to HTTPS

Screenshot 2024-08-28 at 12.32.02
Screenshot 2024-08-28 at 12.32.023352×98 45.6 KB

1 Like
3

Awesome Raki!
Changed one character in /var/www/ghost/config.production.json, restarted Ghost, and all good now!
Did you see that error in some developer tools in your browser? Guess I should try that next time.
Kind regards,
Ted

4

Yes, I use the developer tool to inspect, under the “console” tab.

1 Like
5

I think ghost config --url https://ourtwocentstravel.com and ghost restart would have done the same thing?

6

Nice Raki,

Thanks again!