Formatting in Ghost
This guide provides an overview of how default formatting elements—such as headings, callouts, images, and embeds—are styled and rendered by our site's Ghost theme. Use it as a reference to preview how content will appear when published.
Headers
Headings help organize content and improve readability. This theme supports standard HTML heading levels (H1through H6). Here's how each one is styled:
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Callouts
Callouts are used to highlight important information within a post—such as tips, warnings, or key points—and are visually styled to stand apart from body text. These are inserted using the Callout card in the editor.
Meet the local entrepreneurs reshaping West Philly's businesses—one storefront at a time.
The first Black newspaper in the U.S., Freedom’s Journal, was founded in 1827 to give a voice to African American communities ignored by mainstream media
Early voting starts Monday. Find your polling place, check your registration, and make your voice heard.
Quotes
Ghost allows for two distinct quote elements, both accessed by selecting text and clicking the Quote button that appears above it. Clicking that once will create a block quote. Clicking it again will create a pull quote. Clicking a third time will remove the quote styling.
A block quote will only appear in a story once. The language that's in a pull quote appears twice: once in the body of the text and second in the stylized pull quote itself as part of the story's layout on the page.
Block Quotes
A block quote is when you stylize a quote differently from the rest of the text for emphasis:
“I am no longer accepting the things I cannot change. I am changing the things I cannot accept.”
— Angela Davis
Pull Quotes
A pull quote is when you copy a piece of text and create a separate, prominent placement for it so that readers can sit with that language more:
"You can’t separate peace from freedom because no one can be at peace unless he has his freedom."
— Malcolm X
Bookmarks
When you link out, do it with style. Bookmarks show off the title, excerpt, and even a sneak peek of the linked site:
You can add captions too
Unsplash
Images
Mix text with images to alter the narrative flow. Images can be normal, full, or wide, with captions to give context:
Gallery
Galleries allow you to showcase multiple images in a visually cohesive layout. Our theme supports up to 9 images in a single gallery block, and multiple blocks can be placed one after the other. The layout automatically adjusts based on the number of images:
Feature Headers
Feature headers combine a strong visual element with a headline, subheading, and optional call-to-action button. They're ideal for landing pages, special reports, or promotional content.
Newsletter
Audio
Share the sound of your story with directly uploaded audio files:
File
Offer downloads directly from your posts:
Buttons
Direct your readers with clear calls to action:
Toggles
Toggles (also called collapsible sections or accordions) allow you to hide and reveal content with a click. They’re ideal for organizing information into bite-sized, manageable pieces—especially when you want to avoid overwhelming the reader.
How can I get involved in community activism?
- Volunteer your time with local nonprofits and advocacy groups focused on social justice.
- Attend community meetings, rallies, and forums to stay informed and voice your concerns.
- Use social media platforms to raise awareness and mobilize support around important issues.
Why is voting important in local elections?
- Local officials influence policies that impact schools, public safety, and city services.
- Voting empowers communities to hold leaders accountable and drive meaningful change.
- Increased voter turnout strengthens representation and amplifies marginalized voices.
Links
Links should be intuitive, whether auto-generated or custom: Here is a link to Google.
Lists
Organize your thoughts or steps:
- Unordered List
- Item number one
- Item number two
- A nested item
- Another nested item
- A final item
- Ordered List
- Item number one
- Item number two
- A nested item
- Another nested item
- A final item
Tables
Present data in an orderly fashion:
| # | Heading | Heading | Heading | Heading | Heading |
|---|---|---|---|---|---|
| 1 | Cell | Cell | Cell | Cell | Cell |
| 2 | Cell | Cell | Cell | Cell | Cell |
| 3 | Cell | Cell | Cell | Cell | Cell |
Video embed
Embed videos to enrich your narrative:
Code
For the tech-savvy, inline code looks like code, while code blocks shine for longer snippets:.
.tailwind {
display: block;
width: 100%;
}This guide is your canvas, your palette, your digital voice. Use it wisely to paint your story across the web.