Colors of post background
You can easily add color to the header post background.
Step-by-Step- To add the color of background on post header, just add an adequate internal tag in 'Post settings' panel to the published post.
- For example, add an internal tag
#bg-ruby(tags which are prefixed by a#character, are internal tags within Ghost). - Click 'Update', to activate.
The tag slug should beA palette of light colorshash-bg-colorname, for examplehash-bg-ruby
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
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
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
- To add your own color, go the 'Tags' settings in the Ghost Admin.
- Then, open 'Internal tags' tab and click 'New tag'.
- Create for example
#bg-arcticand add your color, for example#aac7ff. - Click 'Save', to activate just add
#bg-arcticin 'Post settings' panel to the published post.
The tag slug should beTip: How to force the default color?hash-bg-colorname, for examplehash-bg-arctic
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
Type at least 2 characters to search