Themes
A theme sets the overall look of your site - its layout, typography, and feel. Floggy ships with a handful of themes, and you can fine-tune colors and details on top of any of them. This guide covers choosing and customizing your theme.
Choosing a theme
Go to Settings > Theme. You'll see a card for each available theme with a small preview. Click one to select it, then click Save Theme. Your site reloads with the new look.
The built-in themes:
| Theme | Style |
|---|---|
| Floggy | Clean, minimal blog theme (the default) |
| Void | Dark, focused, typography-first |
| Snow | Light, warm, minimal portfolio (Pro) |
| Memento | Dark editorial, typographic, compact |
Floggy is the default and a safe starting point. Some themes are marked Pro and show a lock until you upgrade.
Customizing your theme
Choosing a theme sets the foundation. To adjust colors, typography, and spacing, you customize on the live blog itself rather than inside the dashboard.
From Settings > Theme, click Open Blog & Customize. This opens your blog in customize mode (the owner-only preview) where you can tweak the details and see changes on your real content as you make them.
Blog layout options
Separate from the visual theme, you control how your posts are laid out in Settings > Blog:
- Blog layout - how posts appear on your homepage.
- Blog page layout - how posts appear on your full blog page: List, Grid, or Compact.
These work with any theme, so you can mix a theme's style with the post layout you prefer.
Blog title and favicon
The Settings > Theme tab also controls what browser tabs show for your blog.
Blog title
- Blog Title - the name of your blog. Defaults to your display name.
- Title Separator - the character between the page name and your blog title:
-,|,·, or/. - Title Order - whether the page title or the blog title comes first.
Your home page tab shows just your blog title. Sub-pages combine both using your separator and order. For example, the Projects page shows "Projects - Your Name" (page first) or "Your Name | Projects" (blog first), depending on your settings.
Favicon
Upload a custom favicon - the small icon shown in browser tabs and bookmarks. A 32x32 or 64x64 PNG works well. Your favicon now applies across your blog, including on custom domains. Leave it blank to use the Floggy icon.
Premium themes
Premium themes are part of Pro. Beyond the Pro themes shown in the picker, some themes unlock with a code: on the Theme tab, use Import Theme and enter a theme code to add it to your account.
Exporting your look
Your theme choice, colors, and favicon are included when you export your data from Settings > Export/Import, so you can back them up or move them between accounts.