Badge for modules

I would like to display a badge on my Events Booking modules e.g. Upcoming Events with a badge that reads "Members Only" 

I know that there is a badge class in Boostrap, but I'm not sure how to apply this to the module.

Joomla 3 latest and Helix 3 template.

Thank you

Hello

Not sure where you want to display this badge? Could you please make a screenshot showing us the change you need so that I can understand and answer your question further?

Regards,

Tuan

Hi Tuan

I would like the Calendar module heading to look like one of the heading examples here: getbootstrap.com/docs/5.0/components/badge/

i.e. the following CSS to be applied:
<h3>Events Calendar <span class="badge bg-secondary">Members Only</span></h3>

Thank you

Hello

The module title is rendered by Joomla, so I'm afraid of it could not be changed. However, you can try this workaround to see if it works :

1. Edit the module, choose a Module Style with no Title displayed

2. Then also in that module, there is a parameter called Pre-Text. Enter the HTML code controls how title will be displayed as you want:

<h3>Events Calendar <span class="badge bg-secondary">Members Only</span></h3>

Then check to see if it works

Regards,

Tuan

Thank you so much Tuan, this works perfectly. Also works for other types of modules - add before text if there is no pre-text field.

Great. Happy to hear that