fueko home fueko home

Colors of post background

You can easily add color to the header post background.

Step-by-Step
  1. To add the color of background on post header, just add an adequate internal tag in 'Post settings' panel to the published post.
  2. For example, add an internal tag #bg-ruby (tags which are prefixed by a # character, are internal tags within Ghost).
  3. Click 'Update', to activate.
The tag slug should be hash-bg-colorname, for example hash-bg-ruby
A palette of light colors

White

#bg-white

Pearl

#bg-pearl

Cream

#bg-cream

Sand

#bg-sand

Carmel

#bg-carmel

Coffee

#bg-coffee

Milkshake

#bg-milkshake

Peach

#bg-peach

Rose

#bg-rose

Thistle

#bg-thistle

Cerise

#bg-cerise

Pink

#bg-pink

Lavender

#bg-lavender

Aqua

#bg-aqua

Fog

#bg-fog

Turquoise

#bg-turquoise

Conch

#bg-conch

Avocado

#bg-avocado

Moss

#bg-moss

Emerald

#bg-emerald
A palette of vibrant colors

Ultramarine

#bg-ultramarine

Violet

#bg-violet

Malibu

#bg-malibu

Sea

#bg-sea

Mint

#bg-mint

Lime

#bg-lime

Lemon

#bg-lemon

Apricot

#bg-apricot

Yellow

#bg-yellow

Orange

#bg-orange

Coral

#bg-coral

Magenta

#bg-magenta

Ruby

#bg-ruby

Fuchsia

#bg-fuchsia

Eggplant

#bg-eggplant

Indigo

#bg-indigo
A palette of dark colors

Olive

#bg-olive

Gold

#bg-gold

Burgundy

#bg-burgundy

Camelot

#bg-camelot

Mauve

#bg-mauve

Eden

#bg-eden

Teal

#bg-teal

Jade

#bg-jade

Peacock

#bg-peacock

Cobalt

#bg-cobalt

Venice

#bg-venice

Navy

#bg-navy

Admiral

#bg-admiral

Denim

#bg-denim

Ink

#bg-ink

Graphite

#bg-graphite
Tip: How to add your own color?
  1. To add your own color, go the 'Tags' settings in the Ghost Admin.
  2. Then, open 'Internal tags' tab and click 'New tag'.
  3. Create for example #bg-arctic and add your color, for example #aac7ff.
  4. Click 'Save', to activate just add #bg-arctic in 'Post settings' panel to the published post.
The tag slug should be hash-bg-colorname, for example hash-bg-arctic
Tip: How to force the default color?

If you are also using a global background color for the whole site, you may want to use a default color for the post – to do this, add #bg-default internal tag to the published post.

The tag slug should be hash-bg-default