Overview
Crimson gives you two ways to control how the theme looks and behaves:
Ghost Admin Custom Settings (Design settings) Accessible in Ghost Admin under: Settings → Design & branding → Customize These are “no-code” settings for your brand, site-wide styling, homepage layout, and post layout defaults.
Advanced settings (Multilingual + JavaScript variables)
Multilingual Features are controlled via dedicated theme settings (and also work together with optional browser-locale redirect behavior).
Global JavaScript Variables can be overridden using Code Injection → Site Header, allowing you to control theme behaviors like light-box, auto-hide header, pagination style, contact form endpoint, and social icons. A detailed guide is explained in Code Injection and Code Injection Variables.
Before you start
Make sure the Crimson theme is active.
After changing settings, always click Save in Ghost Admin (and refresh your site in a new tab).
If you use caching (CDN/Cloudflare/browser cache), clear cache when changes don’t appear immediately.
Ensure you have followed the steps to Upload routes.yaml file and also have Code Injection ready as explained under Getting Started.
What to configure first (recommended order)
Brand settings (accent color, logos, typography)
Site-wide Settings (fonts, dark mode logo/accent, header behavior)
Homepage Settings (carousel + 3-column hero + tag sections)
Post Settings (default post template layout)
Multilingual (if your site is multilingual)
Global JavaScript Variables (only if you need advanced behavior overrides)
We will go through all these settings in the coming sections.
Last updated