# Need to make "dg" bigger with CSS

**URL:** <https://community.glideapps.com/t/need-to-make-dg-bigger-with-css/37826>\
**Category:** Ask for Help\
**Created:** [January 28, 2022, 3:30pm UTC](https://community.glideapps.com/t/need-to-make-dg-bigger-with-css/37826 "2022-01-28T15:30:07Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![wajeeha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wajeeha/32/33235_2.png) [@wajeeha](https://community.glideapps.com/u/wajeeha)\
**Post date:** [January 28, 2022, 3:30pm UTC](https://community.glideapps.com/t/need-to-make-dg-bigger-with-css/37826/1 "2022-01-28T15:30:08Z")

</div>

I want the text in right bottom look bigger in card view. Can someone help?

![Screenshot 2022-01-28 161506](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/8/18805df7b32f23b97180e5cc180720777d6810dd.jpeg)

---

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [January 28, 2022, 6:52pm UTC](https://community.glideapps.com/t/need-to-make-dg-bigger-with-css/37826/2 "2022-01-28T18:52:35Z")

</div>

This is the caption element in a card list.

```
.bottom-right-overlay [data-test="app-avatar-text"] { font-size: 1.5rem; font-weight: bold; color: red; top:5px, 5%} Can you make the card itself larger - as it gets squished from top and bottom if the font gets bigger.
```

---

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [January 29, 2022, 3:21pm UTC](https://community.glideapps.com/t/need-to-make-dg-bigger-with-css/37826/3 "2022-01-29T15:21:38Z")

</div>

I found the answer, @wajeeha !

I got inspiration from the CSS notion [Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.](https://www.notion.so/glidecommunity/33d5984960d04785b38eeae6c5121001?v=5662bb67cd994c53ae87737ab952ddb2)

- and used it to figure out:
- how to make the CSS for the card component taller, and then change the font of the elements I needed

```auto
<pre><span><style>

.bottom-right-overlay [data-test="app-avatar-text"] {
align-items: center;
line-height: 2.4rem;
font-family: "Nunito Sans";
font-size: 1.8rem;
font-weight: bold;
color: black;
background-color: #f3f6f4;
top:15px, 5%
}

```

tada!

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/2/52231f7869d046b5d5c8aeb085d4470f9f3cb9f0.png)

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [January 31, 2022, 9:13am UTC](https://community.glideapps.com/t/need-to-make-dg-bigger-with-css/37826/4 "2022-01-31T09:13:20Z")

</div>

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