# How can I reduce the font size in the column-based photo gallery for mobile behavior?

**URL:** <https://community.elfsight.com/t/how-can-i-reduce-the-font-size-in-the-column-based-photo-gallery-for-mobile-behavior/34718>\
**Category:** General Questions\
**Tags:** photo-gallery\
**Created:** [December 16, 2023, 7:23pm UTC](https://community.elfsight.com/t/how-can-i-reduce-the-font-size-in-the-column-based-photo-gallery-for-mobile-behavior/34718 "2023-12-16T19:23:04Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ivan\_Zavala](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/ivan_zavala/32/12997_2.png) [@Ivan\_Zavala](https://community.elfsight.com/u/Ivan_Zavala)\
**Post date:** [December 16, 2023, 7:23pm UTC](https://community.elfsight.com/t/how-can-i-reduce-the-font-size-in-the-column-based-photo-gallery-for-mobile-behavior/34718/1 "2023-12-16T19:23:04Z")

</div>

When I hover over the image, the title and description should appear within the image. However, when viewed on a smaller screen, the text does not adjust and remains too large for the image.  
Example:  
 ![Captura de pantalla es](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/2X/0/07a13ad35867191b12d598a9c557861e9c9b5cb9.png)

Link to the page with the widget in question: [http://ivanz35.sg-host.com/](http://ivanz35.sg-host.com/)

---

<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:** [December 18, 2023, 10:48am UTC](https://community.elfsight.com/t/how-can-i-reduce-the-font-size-in-the-column-based-photo-gallery-for-mobile-behavior/34718/3 "2023-12-18T10:48:36Z")

</div>

Hi @Ivan_Zavala 👋

I’ve shared your request with our dev team. I’ll let you know once I receive a response from them 😉

---

<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:** [December 18, 2023, 11:06am UTC](https://community.elfsight.com/t/how-can-i-reduce-the-font-size-in-the-column-based-photo-gallery-for-mobile-behavior/34718/4 "2023-12-18T11:06:36Z")

</div>

To adjust the font size on mobile, try to add this code to the Custom CSS field on the Style tab of your widget’s settings:

```auto
@media (max-width: 480px) {
  .eapp-photo-gallery-info-title {
    font-size: 16px;
  }
  
  .eapp-photo-gallery-info-description {
    font-size: 12px;
  }
}

```

Check it out and let me know if it helped 🙂