Colors of post-cards

You can easily customize the color of post-cards. Choose a color from the palette or add your own.

Step-by-Step

To add the color, just add an adequate internal tag in 'Post settings' panel to the published post.
For example, add an internal tag #post-card-purple (tags which are prefixed by a # character, are internal tags within Ghost).
Click 'Update', to activate.

The tag slug should be hash-post-card-colorname, for example hash-post-card-purple

Available colors

White

#post-card-white

Cream

#post-card-cream

Aqua

#post-card-aqua

Amber

#post-card-amber

Apricot

#post-card-apricot

Peach

#post-card-peach

Iris

#post-card-iris

Lavender

#post-card-lavender

Purple

#post-card-purple

Violet

#post-card-violet

Amethyst

#post-card-amethyst

Sky

#post-card-sky

Blue

#post-card-blue

Lapis

#post-card-lapis

Cobalt

#post-card-cobalt

Azure

#post-card-azure

Turquoise

#post-card-turquoise

Mint

#post-card-mint

Seafoam

#post-card-seafoam

Green

#post-card-green

Palegreen

#post-card-palegreen

Celadon

#post-card-celadon

Lime

#post-card-lime

Apple

#post-card-apple

Coral

#post-card-coral

Tomato

#post-card-tomato

Red

#post-card-red

Crimson

#post-card-crimson

Rosewood

#post-card-rosewood

Cerise

#post-card-cerise

Raspberry

#post-card-raspberry

Olive

#post-card-olive

Gold

#post-card-gold

Lemon

#post-card-lemon

Yellow

#post-card-yellow

Goldenrod

#post-card-goldenrod

Orange

#post-card-orange

Tip: How to add your own color?

To add your own color, go the 'Code injection' settings in the Ghost Admin and paste this code to the 'Site header':

<style>
.tag-hash-post-card-custom-yourcolor .global-color::after {
   background-color: #fff
}
</style>

Change the -yourcolor name to your own color name.
Change the value of the #fff parameter to your own color.
Click 'Save'.
Go to the 'Post settings' panel and add an internal tag #post-card-custom-yourcolor to the published post.
Click 'Update', to activate.

The tag slug should be hash-post-card-custom-yourcolor

Tip: How to add one color for all post-cards?

To add one color for all post-cards, go the 'Code injection' settings in the Ghost Admin and paste this code to the 'Site header':

<style>
:root body {
   --bg-color-all: #fff
}
</style>

Change the -yourcolor name to your own color name.
Change the value of the #fff parameter to your own color.
Click 'Save'.
Go to the 'Post settings' panel and add an internal tag #post-card-custom-yourcolor to the published post.
Click 'Update', to activate.

The tag slug should be hash-post-card-one-color