List bullets

To avoid conflicts with other components and some HubSpot UI elements, only the lists in Rich Text modules are styled with the small arrow, as seen here. If you make a module global, it will lose its specific class as Rich Text (the class we target for the bullet styling), so we need to add one manually. Or, if you want to use the same bullet styling for other modules (e.g. Custom HTML, HubL, etc.) you need to add the custom class hs-richtext to that module, or wrap everything in a <div> with that class.

Here are the step-by-step instructions on how to achieve this:

1 Open the module source code by clicking this button:

Source Code button in HubSpot

2 And add the following line at the top of the code, before anything else:

<div class="hs-richtext">

3 Add the following line, at the bottom of the code, after everything else:


4 Don't forget to save your changes.

HubSpot User Guides

You can explore and learn more about the HubSpot tools and features in the official HubSpot Academy.

HubSpot Academy | User Guides