Skip to content

Read and unread indicators

Braze provides indicators on Content Cards as shown in the following screenshots. This reference article covers how to use and customize Content Card read and unread indicators in your web application.

Indicator Example
Read A web content card without a blue line beneath the card signifying it has been read.
Unread A web content card with a blue line beneath the card signifying it has not been read.

Changing colors

To change the color of the unread indicator of a card, add custom CSS to your webpage. For example, changing it to green with the following CSS:

1
.ab-unread-indicator { background-color: green !important; }

Disabling the indicators

In order to disable this functionality, add the following style to your css:

1
.ab-unread-indicator { display: none; }
WAS THIS PAGE HELPFUL?
New Stuff!