7. Viewing/Editing the Colors of the Message 'Bubbles'

How to change the colors of the message bubbles on the messages page

The color of the messaging bubbles can be changed by modifying the HEX codes within the HTML elements that are labeled:

"HTML Scrollbar Styling/Chat Bubbles (can delete once on Personal Plan or higher)"

If your app is on the hobby plan, please keep these three HTML elements within your app to ensure that the scrollbar and chat bubbles are styled correctly at all times. If your app is on the personal plan or higher, you do not need all of those HTML elements, and can instead paste one of the HTML element's code into the page HTML header section (and then, delete the page-level HTML elements after)

In order to change the color of the "from me" chat bubble (i.e., the chat bubble that displays on the right side of the messenger), this part of the HTML elements (or page HTML header) can be modified with any hex color codes:

Similarly, the "from them" chat bubble (.e., the chat bubble that displays on the left side of the messenger) can be modified by editing this part of the HTML elements (or page HTML header) with any hex color codes:

Note: If your app is on the hobby plan and you are modifying the colors within the "HTML Scrollbar Styling/Chat Bubbles (can delete once on Personal Plan or higher)" elements, all three of those HTML elements' colors need to be changed in order for the colors to be the same throughout the different messaging page repeating groups.

Last updated