# MagicPattern CSS Backgrounds!

**URL:** <https://community.glideapps.com/t/magicpattern-css-backgrounds/17352>\
**Category:** Community Resources\
**Created:** [October 20, 2020, 6:36am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352 "2020-10-20T06:36:11Z")\
**Posts on this page:** 12\
**Page:** 3

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [May 9, 2021, 4:00am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/42 "2021-05-09T04:00:14Z")

</div>

@Lucas_Pires super clean design, good idea to remove those elements from the page. Gonna have a play around with that idea later, thanks for sharing

 ![38587-great-job 2](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/7/770fc9c6bd8b048c28ea346a8bbe2c53c2d6a175.gif)

---

<div class="post-metadata">

**Author:** ![Joe\_Gabriele](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joe_gabriele/32/57595_2.png) [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)\
**Post date:** [May 9, 2021, 4:17am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/43 "2021-05-09T04:17:32Z")

</div>

Great idea removing the app bar! Definitely cleaner!

 ![Screen Shot 2021-05-09 at 12.16.49 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/2/8297f5dbe6568b7fce4efc9de669ad56882cdea9.png)

---

<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:** [May 9, 2021, 4:33am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/44 "2021-05-09T04:33:49Z")

</div>

This is outstanding.

---

<div class="post-metadata">

**Author:** ![Joe\_Gabriele](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joe_gabriele/32/57595_2.png) [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)\
**Post date:** [May 9, 2021, 5:00am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/45 "2021-05-09T05:00:49Z")

</div>

How did you hide the Nav Bar but keep the Tab?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [May 9, 2021, 6:23am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/46 "2021-05-09T06:23:17Z")

</div>

more ways to play with CSS… 🙂

[![Screen Shot 2021-05-09 at 2.30.12 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/2/422af2c8630224c0b7676ab8929d05bc0c5cc202.png)](https://sa-test.glideapp.io/dl/ewAiAHQAIgA6ADcALAAiAHMAIgA6ACIAYwBsAGEAcwBzAC0AbgBhAHQAaQB2AGUALQB0AGEAYgBsAGUALQBCAHEAVwBHAHEAMABqAHoAUQBTAFUAVQBwAFUAawBnAGgAUgBSAEQAIgAsACIAcgAiADoAIgBuADMAYwB3AHkAMAB1AC4AUgBuAHEARQBHAHMASgBJAGEAcgBYAGsAMABBACIALAAiAG4AIgA6ACIAVABPAFAAIABCAEEATgBOAEUAUgAgAEMAUwBTACAAKwAgAGMAbwBsAG8AcgBzACIAfQA%3D)

> **[Time & Address Picker](https://sa-test.glideapp.io/dl/ewAiAHQAIgA6ADcALAAiAHMAIgA6ACIAYwBsAGEAcwBzAC0AbgBhAHQAaQB2AGUALQB0AGEAYgBsAGUALQBCAHEAVwBHAHEAMABqAHoAUQBTAFUAVQBwAFUAawBnAGgAUgBSAEQAIgAsACIAcgAiADoAIgBuADMAYwB3AHkAMAB1AC4AUgBuAHEARQBHAHMASgBJAGEAcgBYAGsAMABBACIALAAiAG4AIgA6ACIAVABPAFAAIABCAEEATgBOAEUAUgAgAEMAUwBTACAAKwAgAGMAbwBsAG8AcgBzACIAfQA=)**
>
> vCard + pick the time using buttons + enter address or place name, and this App will find the proper address and geolocation

---

<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:** [May 9, 2021, 10:30am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/48 "2021-05-09T10:30:01Z")

</div>

Very cool!! 🌟🌟

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [May 9, 2021, 6:17pm UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/49 "2021-05-09T18:17:43Z")

</div>

```
<pre><span><style>
[id="tabBar"] {
display:none;
}
[data-test="glide-app-bar"] >* {
    backdrop-filter: blur(0px);
    background: transparent; 
    -webkit-backdrop-filter: blur(0px);
}/*----------Hide Nav bar-------*/
#app-root div[opacity='1'] {
  color: transparent; 
}/*-----Hide Nav bar name -----*/
```

---

<div class="post-metadata">

**Author:** ![Joe\_Gabriele](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joe_gabriele/32/57595_2.png) [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)\
**Post date:** [May 9, 2021, 6:48pm UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/50 "2021-05-09T18:48:26Z")

</div>

Awesome, thanks!!!

---

<div class="post-metadata">

**Author:** ![\_seed](https://avatars.discourse-cdn.com/v4/letter/_/bbce88/32.png) [@\_seed](https://community.glideapps.com/u/_seed)\
**Post date:** [August 29, 2023, 6:23am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/51 "2023-08-29T06:23:26Z")

</div>

Hello is the change background-color of the app using css in rich text still working? I tried copy pasted the code from code block but still not working.

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [August 29, 2023, 6:39am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/52 "2023-08-29T06:39:19Z")

</div>

No, that only works with Classic Apps.

---

<div class="post-metadata">

**Author:** ![\_seed](https://avatars.discourse-cdn.com/v4/letter/_/bbce88/32.png) [@\_seed](https://community.glideapps.com/u/_seed)\
**Post date:** [August 29, 2023, 7:15am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/53 "2023-08-29T07:15:00Z")

</div>

Oh. then is there a way to insert css in the new apps? or change the screen background color? thanks!

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [August 29, 2023, 7:20am UTC](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352/54 "2023-08-29T07:20:43Z")

</div>

You only get access to Custom CSS if you purchase a Business or Enterprise subscription.

Otherwise, you can change container background colours and images, but not the whole screen.

[Previous page](https://community.glideapps.com/t/magicpattern-css-backgrounds/17352.md?page=2)