# Change fonts in timeline

**URL:** <https://community.elfsight.com/t/change-fonts-in-timeline/121763>\
**Category:** Customization\
**Tags:** timeline\
**Created:** [May 20, 2025, 4:07pm UTC](https://community.elfsight.com/t/change-fonts-in-timeline/121763 "2025-05-20T16:07:14Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Deborah\_Posadas](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/deborah_posadas/32/66816_2.png) [@Deborah\_Posadas](https://community.elfsight.com/u/Deborah_Posadas)\
**Post date:** [May 20, 2025, 4:07pm UTC](https://community.elfsight.com/t/change-fonts-in-timeline/121763/1 "2025-05-20T16:07:14Z")

</div>

How can I change the fonts on the timeline? I would like the title to not be bold and a different font than the rest. Can I also change the font of the action button?

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [May 20, 2025, 4:34pm UTC](https://community.elfsight.com/t/change-fonts-in-timeline/121763/3 "2025-05-20T16:34:10Z")

</div>

Hi there, @Deborah_Posadas and welcome to the Community 👋

Sure! This code will help you change the font family and font weight of the event titles:

```auto
.es-event-card-content-title {
  font-family: Times New Roman !important;
  font-weight: 300;
}

```

And here is the code to change the font family in the CTA buttons

```auto
[class*="ButtonBase__Ellipsis"] {
  font-family: Calibri!important;
}

```

  

Both codes should be added to the Custom CSS field on the Settings tab of your widget’s settings 🙂