# How to increase height of note title

**URL:** <https://discourse.joplinapp.org/t/how-to-increase-height-of-note-title/39144>\
**Category:** Support\
**Created:** [14 July 2024 23:54 UTC](https://discourse.joplinapp.org/t/how-to-increase-height-of-note-title/39144 "2024-07-14T23:54:09Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![foto16](https://avatars.discourse-cdn.com/v4/letter/f/aeb1de/32.png) [@foto16](https://discourse.joplinapp.org/u/foto16)\
**Post date:** [14 July 2024 23:54 UTC](https://discourse.joplinapp.org/t/how-to-increase-height-of-note-title/39144/1 "2024-07-14T23:54:09Z")

</div>

### Operating system

Windows

### Joplin version

3.0.13

### What issue do you have?

As in the attached picture, I would like to increase the padding at the top of the note title, and also center the title text vertically (i,e., make the height of the note title line taller). How would I achieve that in userchrome.css? Thanks!

### Screenshots

 ![Untitled.jpg](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/3X/a/c/acc7d5e346f0735884f0030e577c5d27b46630f8.jpeg)

---

<div class="post-metadata">

**Author:** ![muzak](https://avatars.discourse-cdn.com/v4/letter/m/b19c9b/32.png) [@muzak](https://discourse.joplinapp.org/u/muzak)\
**Post date:** [15 July 2024 00:17 UTC](https://discourse.joplinapp.org/t/how-to-increase-height-of-note-title/39144/2 "2024-07-15T00:17:02Z")

</div>

Modify the title bar's `min-height` and `padding-top` CSS values to your preference. For example:

```css
.title-input {
  min-height: 60px !important;
  padding-top: 10px !important;
}

```

---

<div class="post-metadata">

**Author:** ![foto16](https://avatars.discourse-cdn.com/v4/letter/f/aeb1de/32.png) [@foto16](https://discourse.joplinapp.org/u/foto16)\
**Post date:** [15 July 2024 01:00 UTC](https://discourse.joplinapp.org/t/how-to-increase-height-of-note-title/39144/3 "2024-07-15T01:00:28Z")

</div>

> [@muzak](#):
>
> ```auto
> .title-input {
> min-height: 60px !important;
> padding-top: 10px !important;
> }
> 
> ```

Thanks for the tutorial. It works!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/3X/1/c/1c948e33314e232a0927789508474d8624f4270b.png) [@system](https://discourse.joplinapp.org/u/system)\
**Post date:** [14 August 2024 01:00 UTC](https://discourse.joplinapp.org/t/how-to-increase-height-of-note-title/39144/4 "2024-08-14T01:00:47Z")

</div>

Closed on 14 August 2024 01:00 UTC

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.