# Journal font size

**URL:** <https://forum.ghost.org/t/journal-font-size/59967>\
**Category:** Themes\
**Created:** [September 1, 2025, 3:37pm UTC](https://forum.ghost.org/t/journal-font-size/59967 "2025-09-01T15:37:52Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ferradeira](https://avatars.discourse-cdn.com/v4/letter/f/cc9497/32.png) [@ferradeira](https://forum.ghost.org/u/ferradeira)\
**Post date:** [September 1, 2025, 3:37pm UTC](https://forum.ghost.org/t/journal-font-size/59967/1 "2025-09-01T15:37:52Z")

</div>

I’m trying to modify the font size on Journal theme.

Changing the font size in .gh-article-title by code injection, for the title of the first article in the front page it works.

But, when trying to change the font size for the title of the second article in the front page, .gh-card-title, it affects the font size in the first article, i.e., the size of the first article title becomes the size configured in the .gh-card-title.

Any idea?

---

<div class="post-metadata">

**Author:** ![ghostdan](https://avatars.discourse-cdn.com/v4/letter/g/ea5d25/32.png) [@ghostdan](https://forum.ghost.org/u/ghostdan)\
**Post date:** [September 1, 2025, 4:26pm UTC](https://forum.ghost.org/t/journal-font-size/59967/2 "2025-09-01T16:26:10Z")

</div>

This works:

```auto
<style>
.gh-article-title {
  font-size: 8.4rem !important;
}
.gh-card-title {
font-size: 2.4rem;
}
</style>

```

Change font-size value to your preferred sizes.

---

<div class="post-metadata">

**Author:** ![ferradeira](https://avatars.discourse-cdn.com/v4/letter/f/cc9497/32.png) [@ferradeira](https://forum.ghost.org/u/ferradeira)\
**Post date:** [September 1, 2025, 4:57pm UTC](https://forum.ghost.org/t/journal-font-size/59967/3 "2025-09-01T16:57:05Z")

</div>

> [@ghostdan](#):
>
> ```auto
> <style>
> .gh-article-title {
> font-size: 8.4rem !important;
> }
> .gh-card-title {
> font-size: 2.4rem;
> }
> </style>
> 
> ```

Thanks a lot. It worked.