# How do I replace background image in BS5 block?

**URL:** <https://forum.pinegrow.com/t/how-do-i-replace-background-image-in-bs5-block/7260>\
**Category:** Beginners\
**Created:** [November 25, 2022, 5:48pm UTC](https://forum.pinegrow.com/t/how-do-i-replace-background-image-in-bs5-block/7260 "2022-11-25T17:48:51Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![sebrame](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/sebrame/32/5043_2.png) [@sebrame](https://forum.pinegrow.com/u/sebrame)\
**Post date:** [November 25, 2022, 5:48pm UTC](https://forum.pinegrow.com/t/how-do-i-replace-background-image-in-bs5-block/7260/1 "2022-11-25T17:48:51Z")

</div>

I’ve simply dragged a Bootstrap 5 block onto a new page, but cannot figure out how to replace the background image of the circled div.

 ![image-replace-1](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/a/aeab434d583b470ff043f22a30f5b19df2acc618.jpeg)  
 ![image-replace-2](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/b/b1d44d12c2f18a929badc6e715da21fe9ea9f103.jpeg)

---

<div class="post-metadata">

**Author:** ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Post date:** [November 25, 2022, 6:22pm UTC](https://forum.pinegrow.com/t/how-do-i-replace-background-image-in-bs5-block/7260/2 "2022-11-25T18:22:34Z")

</div>

The image is defined through a CSS rule.

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/f/f5f932ac3fb3d55a03ad91d7816e2c28009a3be2.jpeg)

---

<div class="post-metadata">

**Author:** ![sebrame](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/sebrame/32/5043_2.png) [@sebrame](https://forum.pinegrow.com/u/sebrame)\
**Post date:** [November 25, 2022, 9:54pm UTC](https://forum.pinegrow.com/t/how-do-i-replace-background-image-in-bs5-block/7260/3 "2022-11-25T21:54:22Z")

</div>

Great, thanks for that. Now how do I replace the image since bootstrap.css is locked? Is there an instructional video available that explains all this specifically?

---

<div class="post-metadata">

**Author:** ![matjaz](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/matjaz/32/5_2.png) [@matjaz](https://forum.pinegrow.com/u/matjaz)\
**Post date:** [November 25, 2022, 11:15pm UTC](https://forum.pinegrow.com/t/how-do-i-replace-background-image-in-bs5-block/7260/4 "2022-11-25T23:15:19Z")

</div>

@sebrame this image is selected in the Design panel. You can disable showing the image there and then add a normal IMG element to the page.

Here is more about using the Design panel (it generates a custom Bootstrap theme for you):

> **[Bootstrap Design Panel | Pinegrow Web Editor](https://docs.pinegrow.com/docs/bootstrap-visual-editor/bootstrap-design-panel/)**
>
> The Pinegrow Design panel for the Bootstrap framework allows you to easily set up a custom theme without editing any base files or setting up a complex compiler. It also allows you to test alternative…