Changing alert bubble color


Well-known member
Can't find this anywhere and search didn't reveal any answers: what do I edit to change the color of the alert popup bubble? :confused:


XenForo moderator
Staff member
It's in navigation.css
The colour is #e03030:

/* ---------------------------------------- */
/* Alert Balloons */

.navTabs .navLink .itemCount
    position: absolute;
    right: 2px;
    top: -12px;

    height: 16px;
    line-height: 16px;
    min-width: 12px;
    _width: 12px;
    padding: 0 2px;
    text-align: center;

    background: #e03030;
    color: white;
    text-shadow: none;
    font-size: 9px;
    font-weight: bold;

    white-space: nowrap;
    word-wrap: normal;

    border-radius: 2px;
    box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);