# blurring background image

**URL:** https://forum.bootstrapstudio.io/t/blurring-background-image/6245
**Category:** Bootstrap Studio Help
**Created:** [October 5, 2020, 7:57pm UTC](https://forum.bootstrapstudio.io/t/blurring-background-image/6245 "2020-10-05T19:57:38Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![szozolawin](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/s/48db29/32.png) [@szozolawin](https://forum.bootstrapstudio.io/u/szozolawin)
#### Post date: [October 5, 2020, 7:57pm UTC](https://forum.bootstrapstudio.io/t/blurring-background-image/6245/1 "2020-10-05T19:57:38Z")

</div>

Anybody know an easy fix for blurring the background image only. Can't seem to find css code in the wild or ability to do this with bootstrap studio.

---

<div class="post-metadata">

### Author: ![dickykreedz](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/dickykreedz/32/1627_2.png) [@dickykreedz](https://forum.bootstrapstudio.io/u/dickykreedz)
#### Post date: [October 5, 2020, 8:03pm UTC](https://forum.bootstrapstudio.io/t/blurring-background-image/6245/2 "2020-10-05T20:03:10Z")

</div>

Please... provide more information...cause at this point I can't help you.

---

<div class="post-metadata">

### Author: ![printninja](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/printninja/32/481_2.png) [@printninja](https://forum.bootstrapstudio.io/u/printninja)
#### Post date: [October 5, 2020, 10:02pm UTC](https://forum.bootstrapstudio.io/t/blurring-background-image/6245/3 "2020-10-05T22:02:56Z")

</div>

Add the backdrop-filter rule to your backgrounds CSS class. Example: `.myComponent-bg {
background-image: url(background-image.jpg);
background-attachment: fixed;
backdrop-filter: blur(3px);` }