# 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:** 16

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [September 26, 2020, 10:43pm UTC](https://community.glideapps.com/t/create-background-with-css/16403/16 "2020-09-26T22:43:02Z")

</div>

Oh nice!! Thanks! Before seeing this, I ended up using the code Lucas mentioned here, it almost works, but…

> [@Component background color](https://community.glideapps.com/t/component-background-color/10712/4):
>
> @adelhammoud a lil’ trick may help you
> 
> In Data editor, create a Template column and add this code:
> 
> ```auto
> <a style="position: fixed;
> width: 100%;
> top:10%;
> right: 0%; z-index:-1;">
> <img src="URL" /></a>
> 
> ```
> 
> Replace **URL** to the Pic column. In the screen you wanna add this background, add a Rich Text component and the result will something like this 👇🏼
> 
> (The code is not 100%, but when I improve it, it’s cool to fit the image in the whole screen)

it shows up differently on the front end from what I see in the builder. Also trying to get the blue background all the way to the top.

 ![header3](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/5/553d8aa5cabfb8abb8894adc12f85e3aee8eeb24.png) ![Screenshot_20200926-183303_Chrome](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/6/6319bdc89d6f753c290e9727836346380d00d357.jpeg)

---

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