# Create Background with CSS

**URL:** <https://community.glideapps.com/t/create-background-with-css/16403>\
**Category:** Ask for Help\
**Created:** [September 26, 2020, 7:21pm UTC](https://community.glideapps.com/t/create-background-with-css/16403 "2020-09-26T19:21:57Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![Deena](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/deena/32/9877_2.png) [@Deena](https://community.glideapps.com/u/Deena)\
**Post date:** [September 26, 2020, 7:54pm UTC](https://community.glideapps.com/t/create-background-with-css/16403/6 "2020-09-26T19:54:16Z")

</div>

I added the code that turns my entire background black, but maybe you can fidget with it or until someone can give you a better resource:

[https://docs.google.com/document/d/1F0iwtlecciW8hlk84nA5hLDXroxhhPTvSZkKDDZIn8o/edit?usp=sharing](https://docs.google.com/document/d/1F0iwtlecciW8hlk84nA5hLDXroxhhPTvSZkKDDZIn8o/edit?usp=sharing)

And did you catch this:

> [@Beautiful Design App](https://community.glideapps.com/t/beautiful-design-app/16191/44):
>
> Several ways. Depends what else is on the screen. You can use an image component and then style it. I’m using a round tile component, setting it to 2 tiles per row and then creating a Rich text box with this CSS: .fdeRBK { grid-template-columns: repeat(1, 1fr); width: 200px; margin: auto; } If you want the colored background, I placed the rich text box with the CSS at the very top and included this CSS: \<pre\> \<span\>\<style\> [data-test=app-markdown-view] { background-image: url("…

---

_[View the full topic](https://community.glideapps.com/t/create-background-with-css/16403)._