Logos

Ghost provides a way to upload a logo for your site and calls it Publication logo. Follow these steps to upload a logo:

  1. Log in to Ghost admin
  2. Go to Settings → Site → Design & branding Ghost change logo part 1
  3. Click Customize → Branding
  4. Upload the logo in Publication logo Ghost change logo part 2

Logo size

Code Injection is required to add custom CSS.

The logo width and height are automatically retrieved from your uploaded image and it is limited by height. You can change the height limitation with the following custom CSS:

<style>
:root {
    --logo--max-height: 15px;
}
</style>

Logo for Dark color scheme

Format supports dark mode and you can upload a different logo for dark mode. Follow these steps to upload a logo for dark mode:

  1. Go to Settings → Site → Design & branding
  2. Click Customize → Site wide
  3. Upload the logo for dark mode in Dark mode logo Ghost change dark mode logo