# CSS required to make the email address smaller

**URL:** <https://community.glideapps.com/t/css-required-to-make-the-email-address-smaller/28881>\
**Category:** Ask for Help\
**Created:** [July 9, 2021, 6:57am UTC](https://community.glideapps.com/t/css-required-to-make-the-email-address-smaller/28881 "2021-07-09T06:57:34Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [July 9, 2021, 7:12am UTC](https://community.glideapps.com/t/css-required-to-make-the-email-address-smaller/28881/2 "2021-07-09T07:12:09Z")

</div>

Hello, @baremeter  
Here is a little CSS to change the size of Email.

Change the value 0.8 to your own size (the default is 1.0rem)

~~

```auto

<pre><span><style>

#list-item-lf-Email {
font-size: 0.8rem !important;
}

</style></span></pre>

```

~~

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/f/5f528981d913f1664a011bc0766d42a94518ad55.jpeg)  

**EDIT :::::::::::**  
Here is another version:  
The name of the tag is dependent on the title associated with the component!  
(I think it’s new, well I never paid attention ;-))

In my example the title is “Mon Email” so the tag name is [id = “list-item-lf-Mon Email”]. This helps to differentiate the components.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/7/77518e63bd18ce988ffb99bcc6157238f9b9f4c4.jpeg)

---

_[View the full topic](https://community.glideapps.com/t/css-required-to-make-the-email-address-smaller/28881)._