fueko home fueko home

Logo

Upload the main logo used across the theme.

Step-by-Step
  1. Go to the 'Design & branding' settings in the Ghost Admin.
  2. Open the 'Brand' tab, then find the 'Publication logo' position.
  3. Click 'Upload logo' to upload your logo.
  4. Click 'Save' to activate.
Tip: How to change the logo size
  1. Go to the 'Code injection' settings in the Ghost Admin and paste this code into '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. Replace <value> with the size you want, such as 30px.
  2. Click 'Save' to activate.
Tip: Uploading an additional logo for the dark color scheme
  1. Go to the 'Design & branding' settings in the Ghost Admin.
  2. Open the 'Theme' tab and go to the 'Site-wide' section, then find the 'Color scheme' position. Select a dark color scheme option to show the additional logo upload field.
  3. Click 'Upload Image' to upload your logo.
  4. Click 'Save' to activate.