# Bottom Tab

**URL:** https://community.glideapps.com/t/bottom-tab/72891
**Category:** Ask for Help
**Tags:** custom-css
**Created:** [April 27, 2024, 2:50am UTC](https://community.glideapps.com/t/bottom-tab/72891 "2024-04-27T02:50:42Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)
#### Post date: [April 27, 2024, 2:50am UTC](https://community.glideapps.com/t/bottom-tab/72891/1 "2024-04-27T02:50:42Z")

</div>

How do you change the bottom tab color & pics?  
There is not an option (css)

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [April 27, 2024, 4:42am UTC](https://community.glideapps.com/t/bottom-tab/72891/2 "2024-04-27T04:42:37Z")

</div>

```auto
/*Change Color*/
[data-testid="tab-your_tab_Name"] svg {
    fill: red;
}

/*Change Img*/
[data-testid="tab-your_tab_Name"] > div {
background-image: url('https://i.pinimg.com/originals/70/8f/04/708f04dc59840d0b6e92ef4f4ed967f8.png');
background-size: contain;
background-repeat: no-repeat;
}

[data-testid="tab-your_tab_Name"] svg {
display: none; 
}

```

---

<div class="post-metadata">

### Author: ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)
#### Post date: [April 27, 2024, 9:39pm UTC](https://community.glideapps.com/t/bottom-tab/72891/3 "2024-04-27T21:39:53Z")

</div>

Thank you for your help!