# How to change font size of timeline title

**URL:** <https://community.elfsight.com/t/how-to-change-font-size-of-timeline-title/116878>\
**Category:** Customization\
**Tags:** timeline\
**Created:** [April 28, 2025, 2:43pm UTC](https://community.elfsight.com/t/how-to-change-font-size-of-timeline-title/116878 "2025-04-28T14:43:01Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Priya\_Anand](https://avatars.discourse-cdn.com/v4/letter/p/4491bb/32.png) [@Priya\_Anand](https://community.elfsight.com/u/Priya_Anand)\
**Post date:** [April 28, 2025, 2:43pm UTC](https://community.elfsight.com/t/how-to-change-font-size-of-timeline-title/116878/1 "2025-04-28T14:43:01Z")

</div>

how do I change the font size of the widget title desktop and mobile?

---

<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:** [April 28, 2025, 3:18pm UTC](https://community.elfsight.com/t/how-to-change-font-size-of-timeline-title/116878/3 "2025-04-28T15:18:17Z")

</div>

Hi there and welcome to the Community, @Priya_Anand 👋

Sure, here is the code to change to apply the same title size on desktop and mobile:

```auto
 .es-widget-title {
   font-size: 20px;
 }

```

  

This is the code for mobile only:

```auto
@media (max-width: 500px) {
 .es-widget-title {
   font-size: 20px;
 }
}

```

  

And here is the code for the desktop version:

```auto
@media (min-width: 500px) {
 .es-widget-title {
   font-size: 20px;
 }
}

```