# HELP with background CSS

**URL:** <https://community.glideapps.com/t/help-with-background-css/29859>\
**Category:** Ask for Help\
**Created:** [August 1, 2021, 7:38pm UTC](https://community.glideapps.com/t/help-with-background-css/29859 "2021-08-01T19:38:17Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)\
**Post date:** [August 1, 2021, 7:38pm UTC](https://community.glideapps.com/t/help-with-background-css/29859/1 "2021-08-01T19:38:17Z")

</div>

Hi gliders,

I’m using @Lucas_Pires and @ThinhDinh CSS script to set BG in my app:

```auto
<div class="background"></div>
<pre><span><style>
.background {
position: fixed;
margin-top:0;
width: 100%;
height:100%;
top:0;
right:0; 
left: 0%;
z-index:-100;
filter: brightness(100%);
opacity: 15%;
background-image: url("https://storage.googleapis.com/glide-prod.appspot.com/uploads-v2/HpzeX92aFc0MJTlqWmMT/pub/WVN3RKCMM4JmWqpub91z.jpg"); 
background-size: cover;
background-position: center center;
}

</style></span></pre>

```

the script works perfectly when I add it to a details screen and when you scroll down it’s always visible and stay on the screen:

![GIF - BG on Details screen](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/7/1706513eb14a61b96ab5e4210dc370069433e616.gif)

Here is the problem, when I used the script on SWIPE card the BG is cropped ion the middle of the page and not shown on bottom part.

![GIF - BG on SWIPE screen](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/d/6dc8f5a79d65e0011584e369fa43a59cd4a4d571.gif)

Anyone have any idea why this is happening and what I can do to fix?

Thanks!

---

<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:** [August 1, 2021, 8:13pm UTC](https://community.glideapps.com/t/help-with-background-css/29859/2 "2021-08-01T20:13:11Z")

</div>

Hm, interesting question. Never tried to use it in swipe card 🤔

---

<div class="post-metadata">

**Author:** ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)\
**Post date:** [August 2, 2021, 4:06am UTC](https://community.glideapps.com/t/help-with-background-css/29859/3 "2021-08-02T04:06:07Z")

</div>

Interesting and you have any idea to overcome?