fueko home fueko home

Logo

A publication logo is the primary logo for your brand and is displayed across your theme.

Step-by-Step
  1. Go to the 'Design & branding' settings in the Ghost Admin.
  2. On the right you’ll see the 'Brand' tab – expand this settings list and go to the 'Publication logo' position.
  3. Click 'Upload logo' to upload your logo.
  4. Click 'Save' to activate.
Tip: How to change logo size
  1. Go to the 'Code injection' settings in the Ghost Admin and paste this code to the 'Site header':
<style>
:root {
   /* Desktop */
   --height-logo-header: <value>;
   --height-logo-footer: <value>;
}
</style>
Example code for changing the logo size for the 'Desktop' view
<style>
:root {
   /* Mobile */
   --height-logo-mobile-header: <value>;
   --height-logo-mobile-footer: <value>;
}
</style>
Example code for changing the logo size for the 'Mobile' view
  1. Adjust the current <value> to match the expected value, such as 30px
  2. Click 'Save' to activate.
Tip: Uploading an additional logo for dark color scheme
  1. Go to the 'Design & branding' settings in the Ghost Admin.
  2. On the right, you’ll see the 'Theme' tab – expand this settings list and go to the 'Color scheme' position – select the option related to dark color scheme to display the option to upload an additional logo below.
  3. Click 'Upload Image' to upload your logo.
  4. Click 'Save' to activate.