# Change the event indicator

**URL:** <https://community.weweb.io/t/change-the-event-indicator/9419>\
**Category:** How do I?\
**Created:** [June 28, 2024, 10:17am UTC](https://community.weweb.io/t/change-the-event-indicator/9419 "2024-06-28T10:17:52Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![mateusbomfim](https://avatars.discourse-cdn.com/v4/letter/m/ed8c4c/32.png) [@mateusbomfim](https://community.weweb.io/u/mateusbomfim)\
**Post date:** [June 28, 2024, 10:17am UTC](https://community.weweb.io/t/change-the-event-indicator/9419/1 "2024-06-28T10:17:52Z")

</div>

Hello everyone,

Reading the [Vue Cal documentation](https://antoniandre.github.io/vue-cal/?ref=madewithvuejs.com), I found out that it is possible to change the event indicator from counter to dot or dash according to the code below:

 ![Captura de tela 2024-06-27 114613](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/5/52f5f16614c36ff6f3c73506bdfc8bc6c25756a2.png)

 ![Captura de tela 2024-06-27 114637](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/a/a193b38ed63b3e9251ba8d5c9c62a605b0528db9.png)

How can I make this change in WeWeb?

---

<div class="post-metadata">

**Author:** ![jptrinh](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/jptrinh/32/1493_2.png) [@jptrinh](https://community.weweb.io/u/jptrinh)\
**Post date:** [July 1, 2024, 11:35am UTC](https://community.weweb.io/t/change-the-event-indicator/9419/2 "2024-07-01T11:35:10Z")

</div>

Hey @mateusbomfim

In the vuecal documentation, they indicate that you need to add custom css to your calendar instance.  
You can do that in a tag in the Custom code of the head of your page (that will be visible only on the published site) or in an HTML Embed component on your page (to preview that in the Editor).  
You just need to add the CSS properties corresponding to the indicator that you want!

Let me know if you have any other issue with that 🙂