Previous Post
If you've just uploaded a logo to your Ghost site and it's showing up tiny, stretched, or otherwise looking wrong, you're not alone. This is one of the most common frustrations new Ghost users run into, and it shows up across nearly every theme (Casper, Edition, Headline, Taste, Source, and beyond). The good news: the fix is almost always a few lines of CSS, and you don't need to touch your theme files to apply it.
This guide walks through why logo sizing behaves the way it does in Ghost, and three reliable ways to change it.
Why your logo looks small (or weird) in the first place
Ghost's design philosophy is that the logo is part of the theme, not something you size manually. When you upload your publication logo under Settings → Design & branding, Ghost stores the image, but the actual rendered size is controlled by CSS rules baked into whichever theme you're using. According to Ghost's official documentation, publication logos should have transparent backgrounds and be at least 600 × 72 pixels (that horizontal aspect ratio is a hint about how most themes expect the logo to display: as a wide, short banner sitting in the header).
If your logo is a square or near-square shape, the theme's CSS will often constrain its height to something like 26–40 pixels, which can make a square logo look like a postage stamp. Uploading a bigger source file doesn't help, because the browser is being explicitly told to shrink it. That's the part you need to override.
Method 1: Use Code Injection (recommended for most users)
Code Injection is the cleanest way to change logo sizing because it survives theme updates. If you edit the theme's CSS files directly, any future update will overwrite your changes, Code Injection lives separately in your Ghost admin and applies on top of whatever theme is active.
Here's how to do it:
1. Log in to your Ghost admin panel. 2. Go to Settings → Code Injection (in older versions, it's under Advanced). 3. In the Site Header box, paste a small
