MagicPattern CSS Backgrounds!

Community Resources
42

@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
38587-great-job 2640×640 561 KB

1 Like
43

Great idea removing the app bar! Definitely cleaner!

Screen Shot 2021-05-09 at 12.16.49 AM
Screen Shot 2021-05-09 at 12.16.49 AM424×848 486 KB

2 Likes
44

This is outstanding.

1 Like
45

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

2 Likes
46

more ways to play with CSS… :slight_smile:

Screen Shot 2021-05-09 at 2.30.12 AM

2 Likes
48

Very cool!! :star2::star2:

2 Likes
49 
<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 -----*/
4 Likes
50

Awesome, thanks!!!

51

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.

52

No, that only works with Classic Apps.

53

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

54

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.

2 Likes