# CSS to change height of tiles

**URL:** <https://community.glideapps.com/t/css-to-change-height-of-tiles/43912>\
**Category:** Ask for Help\
**Created:** [July 5, 2022, 3:47pm UTC](https://community.glideapps.com/t/css-to-change-height-of-tiles/43912 "2022-07-05T15:47:07Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Wim\_De\_Coninck](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wim_de_coninck/32/28179_2.png) [@Wim\_De\_Coninck](https://community.glideapps.com/u/Wim_De_Coninck)\
**Post date:** [July 5, 2022, 3:47pm UTC](https://community.glideapps.com/t/css-to-change-height-of-tiles/43912/1 "2022-07-05T15:47:07Z")

</div>

Hi,

1. with the help of (close) post [https://community.glideapps.com/t/beautiful-design-app/16191/137](https://community.glideapps.com/t/beautiful-design-app/16191/137) I’m trying to change the height of the tiles. Changing both values from 70% tot 40% moves the title higher (fo fit in the tile = OK), but as you can see in the attached image, the whole tile keeps the “original” height; the border shows the correct height.  
Can someone help me with the correct CSS? And if possible some more white space between the tiles (margin?)

2. I also tried when adding a new tab (image-2) but there I can’t even add a RichText to put my CSS ?? (there’s no part on the left side with components,… when choosing Tiles, only when choosing “Details, but then I don’t have to possibility to show “Add form”” ???)

Summary : I want on one screen (image-2)

- tiles that are less higher (= Rich Text with CSS) and if possible text left-aligned
- transparant overlay (so I get the “original” colors as in image-1
- option to display search-icon and add-icon

Thanks.

 ![hoogte_tiles](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/0/303c5bb1fda696395881fccc4352f913dbc3ae94.png)  
 ![hoogte_tiles_2](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/b/cbe2d96e839a660fc2f78fbabdc488dcd33312b1.png)

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [July 5, 2022, 7:48pm UTC](https://community.glideapps.com/t/css-to-change-height-of-tiles/43912/2 "2022-07-05T19:48:54Z")

</div>

> [@warning Unsupported HTML/CSS in the Rich Text component will completely break in the coming weeks](https://community.glideapps.com/t/custom-css-in-glide-apps-will-completely-break-in-the-coming-weeks/43931):
>
> Some advanced users use custom HTML/CSS inside the Rich Text component to style their apps. This has always been unsupported and discouraged: In the coming weeks we’re rolling out significant changes to Glide’s architecture to make apps faster, and eventually more compatible with new features introduced in Glide Pages. This will completely break all custom HTML/CSS in the Rich Text components. If you rely on this, we strongly encourage you to stop using i…

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [July 6, 2022, 1:41am UTC](https://community.glideapps.com/t/css-to-change-height-of-tiles/43912/3 "2022-07-06T01:41:50Z")

</div>

As Santiago’s linked post says, CSS will soon stop working in Glide Apps. We will start telling users to stop using it, also left a note in Notion.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/0/c0b88ac00558028b38cd1a318f70e96ed8effd33.png)

---

<div class="post-metadata">

**Author:** ![Wim\_De\_Coninck](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wim_de_coninck/32/28179_2.png) [@Wim\_De\_Coninck](https://community.glideapps.com/u/Wim_De_Coninck)\
**Post date:** [July 6, 2022, 6:45pm UTC](https://community.glideapps.com/t/css-to-change-height-of-tiles/43912/4 "2022-07-06T18:45:14Z")

</div>

and will Glide (= developpers) offer an alternative to customize the design?

---

<div class="post-metadata">

**Author:** ![MattLB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mattlb/32/41284_2.png) [@MattLB](https://community.glideapps.com/u/MattLB)\
**Post date:** [July 6, 2022, 6:46pm UTC](https://community.glideapps.com/t/css-to-change-height-of-tiles/43912/5 "2022-07-06T18:46:55Z")

</div>

The billion developer question…

---

<div class="post-metadata">

**Author:** ![Wim\_De\_Coninck](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wim_de_coninck/32/28179_2.png) [@Wim\_De\_Coninck](https://community.glideapps.com/u/Wim_De_Coninck)\
**Post date:** [July 11, 2022, 5:28am UTC](https://community.glideapps.com/t/css-to-change-height-of-tiles/43912/6 "2022-07-11T05:28:37Z")

</div>

Hi,

can someone help me with the CSS to change the height (= **real question in this post** ).  
I’ll see later what will happen after the CustomCSS-break…

Thanks.

Wim
