Elements

author-image
05 August 2020 3 min read

This page demonstrate some basic elements and typography which you will use frequently within your site.

Title Types

H1 Title

H2 Title

H3 Title

H4 Title

H5 Title
H5 Title

Different Lists Types

Ordered List

  1. Ghost is designed for ambitious, professional publishers who want to actively build a business around their content. That's who it works best for.
  2. A nested item
  3. A nested item
  4. The entire platform can be modified and customised to suit your needs. It's very powerful, but does require some knowledge of code.

Unordered List

  • Ghost is designed for ambitious, professional publishers who want to actively build a business around their content. That's who it works best for.
  • The entire platform can be modified and customised to suit your needs. It's very powerful, but does require some knowledge of code.

Quoting

Ghost is made by an independent non-profit organisation called the Ghost Foundation. We are 100% self funded by revenue from our Ghost(Pro) service, and every penny we make is re-invested into funding further development of free, open source technology for modern publishing.

The version of Ghost you are looking at right now would not have been made possible without generous contributions from the open source community.

Working with Code

Code can be presented inline, like <code> </code>. Indenting by 4 spaces will turn an entire paragraph into a code-block.

.awesome-thing {
	display: block;
	width: 100%;
}

Responsive Tables

A responsive table will display a horizontal scroll bar if the screen is too small to display the full content.

# Heading Heading Heading
1 Cell Cell Cell
2 Cell Cell Cell
3 Cell Cell Cell

Markdown table

As this table in the example below is not too wide, it do not needs responsive scrollbar in large screen. But In small screen a scroll bar will be visible if needed.

Firsname Lastname Age Lives in
Jill Smith 29 New york
Eve Jackson 36 New york

Bookmark

In ghost editor, just paste a link and it will automatically converted to bookmark card. It is awesome.

Ghost: The #1 open source headless Node.js CMS
The world’s most popular modern open source publishing platform. A headless Node.js CMS used by Apple, Sky News, Tinder and thousands more. MIT licensed, with 30k+ stars on Github.
Book mark card optional caption
Ghost Docs
Get familiar with Ghost - the open source professional publishing platform. Install guides, tutorials, API docs and FAQs.

Images

You can upload images using the Image card. You can choose from three image width options: normal, wide, and full.

In ghost you can add image in a gallery. gallery supports up to 9 image, each row containing maximum 3 image. Below is an example of gallery with 5 image

Embeds

You can embed YouTube, Vimeo, Soundcloud, Spotify, Twitter, Instagram, Codepen, Unsplash and many more. Here are some examples.

Responsive Youtube Video
Responsive Vimeo Video
Twitter Embed
Instagram post embed