You can customize the appearance of the Web Inbox badge and its surrounding elements using CSS.
Customization Options
The badge and inbox components can be styled to better match your brand’s website and UI.
This includes customizing:
- Badge position (e.g., moving it to the left side of the page)
- Badge colors and shape
- Unread indicators and notification styling
- Font size, spacing, and general layout
These changes are applied by overriding default CSS styles on your site.
Example Use Case
You may want to reposition the badge from its default location. The following snippet demonstrates how a developer might move it to the bottom-left corner:
#optimove-web-inbox-badge { right: auto; left: 20px; } Developer Reference
A full list of available CSS variables and styling options can be found in our Developer Hub.