# Change font size of the Portfolio elements

**URL:** <https://community.elfsight.com/t/change-font-size-of-the-portfolio-elements/111225>\
**Category:** Customization\
**Tags:** portfolio\
**Created:** [April 3, 2025, 10:19am UTC](https://community.elfsight.com/t/change-font-size-of-the-portfolio-elements/111225 "2025-04-03T10:19:14Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Quilla](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/quilla/32/29171_2.png) [@Quilla](https://community.elfsight.com/u/Quilla)\
**Post date:** [April 3, 2025, 10:19am UTC](https://community.elfsight.com/t/change-font-size-of-the-portfolio-elements/111225/1 "2025-04-03T10:19:14Z")

</div>

Hey @Max! I have a widget currently titled “Leah’s Test Widget” where I am trying to change the font size on each of the hover items: title, description, client. Do you have the CSS to be able to do that for each element?

Thank you!

---

<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 3, 2025, 11:20am UTC](https://community.elfsight.com/t/change-font-size-of-the-portfolio-elements/111225/3 "2025-04-03T11:20:57Z")

</div>

Hi there, @Quilla 👋

Sure, here is the code:

```auto
.eapp-portfolio-project-look-overlay-name {
  font-size:35px;
}

.eapp-portfolio-project-look-overlay-meta-item {
  font-size: 25px;
}

.eapp-portfolio-project-look-overlay-description {
  font-size: 20px;
}

```

Please try it out and let me know if it helped 🙂

---

<div class="post-metadata">

**Author:** ![Quilla](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/quilla/32/29171_2.png) [@Quilla](https://community.elfsight.com/u/Quilla)\
**Post date:** [May 4, 2025, 10:19am UTC](https://community.elfsight.com/t/change-font-size-of-the-portfolio-elements/111225/4 "2025-05-04T10:19:32Z")

</div>

Ya’ll are always the best! 😁

Thank you so much for these!

---

<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 4, 2025, 10:32am UTC](https://community.elfsight.com/t/change-font-size-of-the-portfolio-elements/111225/5 "2025-05-04T10:32:37Z")

</div>

You’re always welcome 🙂

---

<div class="post-metadata">

**Author:** ![Quilla](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/quilla/32/29171_2.png) [@Quilla](https://community.elfsight.com/u/Quilla)\
**Post date:** [May 5, 2025, 12:07pm UTC](https://community.elfsight.com/t/change-font-size-of-the-portfolio-elements/111225/6 "2025-05-05T12:07:59Z")

</div>

> [@Max](#):
>
> ```auto
> .eapp-portfolio-project-look-overlay-name {
> font-size:35px;
> }
> 
> .eapp-portfolio-project-look-overlay-meta-item {
> font-size: 25px;
> }
> 
> .eapp-portfolio-project-look-overlay-description {
> font-size: 20px;
> }
> 
> ```

@Max would you happen to have the CSS for the font when the Portfolio Pop Up is open?

---

<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 5, 2025, 12:17pm UTC](https://community.elfsight.com/t/change-font-size-of-the-portfolio-elements/111225/7 "2025-05-05T12:17:10Z")

</div>

Sure, here is the solution 🙂

```auto
.global-styles,
.eapp-portfolio-project-detailed-name {
  font-size: 35px;
}

.global-styles,
.eapp-portfolio-project-detailed-description {
  font-size: 25px;
}

.global-styles,
.eapp-portfolio-text-label-group-item {
  font-size: 15px;
}

```