Common snippets

Copy-paste CSS for Enova's most-requested tweaks: resize the logo, hide a sidebar widget, retune reading sizes, change the background colours, square the corners, and dark-mode-only styling.

Copy a block, tweak the numbers, paste it into Settings → Code injection → Site Header. Each snippet uses Enova's stable hooks, so it keeps working through theme updates. If you want to build your own rule, the overview teaches the naming system and the Hook reference lists every handle.

Header, logo & branding

Homepage hero

These snippets tune the three Immersive hero layouts, the full-width banner that uses your Publication cover as its photo (see Immersive hero layouts). Each one sets a colour variable on the banner, so the theme's own layout and dark-mode handling keep working.

Hiding things

Typography & spacing

Colours & corners

Dark mode

Something not working?

See the troubleshooting checklist on the overview page — the usual culprits are a missing <style> block, a mistyped value, or styling a sidebar's geometry instead of its contents.