Post card colors

Use Renge’s internal post-card tags to change the decorative color layer behind individual cards. You can choose one of the built-in colors, add a custom card color with Code Injection, or force all post cards to share one consistent color.

1. Open the published post and add the appropriate internal tag in the 'Post settings' panel.
2. For example, add the internal tag #post-card-purple to apply the Purple post-card color. Tags prefixed with # are internal tags in Ghost.
3. Click 'Update' to activate.

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

1. Go to the 'Code injection' settings in the Ghost Admin and paste this code into 'Site header':

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

1. Change -yourcolor to your custom color name.
2. Change #fff to your custom color.
3. Click 'Save'.
4. Open the published post and add the internal tag #post-card-custom-yourcolor in the 'Post settings' panel.
5. Click 'Update' to activate.

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

1. Open any published post and add the internal tag #post-card-one-color in the 'Post settings' panel.
2. Click 'Update' to activate.

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

After you add #post-card-one-color, all post cards use the default gray color. To use a custom color instead, add the code below.

1. Go to the 'Code injection' settings in the Ghost Admin and paste this code into 'Site header':

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

1. Change #fff to your custom color.
2. Click 'Save' to activate.