๐ŸงฉLogo

There are certain things to consider when uploading a logo. Your logo should not contain too much empty space. You can remove unnecessary spaces using an image editing program.

When uploading a logo, we recommend using an SVG format. If you don't have your logo in SVG format, you can upload a transparent PNG logo.

  1. To upload and change a logo, go to the "Design and branding" settings in Ghost Admin.

  2. In the opened window, under the Brand tab, find the "Publication logo" field and click "Upload logo" to upload your logo.

  3. Finally, click "Save" to activate.


Uploading a Secondary Logo for Dark mode

  1. Go to the "Design & Branding" tab in the Ghost Admin panel.

  2. In the opened window, click on the "Theme" tab, find the "Dark mode logo" field and click "Upload image" to upload your dark mode logo.

  3. Finally, click "Save" to activate.


How to change logo size?

  1. In previous versions, this was done directly through the Ghost panel, but now youโ€™ll need to do it from the Code Injection section.

  2. Open Code Injection from the Ghost settings, then click on the Site Header tab.

  3. Paste the code below into the section that opens, and choose your desired logo size.

<style>
  :root{
    --header-logo-size:18px!important;
    --footer-logo-size:18px!important;
    --cover-image-height: 100px;
    --cover-opacity: 0.8;
   }
</style>
  1. Finally, click "Save".

You can also include other custom variables within the same :root block, such as --footer-logo-size or --cover-image-height


Last updated