# Container Background image with CMS

**URL:** <https://forums.realmacsoftware.com/t/container-background-image-with-cms/56835>\
**Category:** Elements\
**Tags:** cms\
**Created:** [June 27, 2026, 7:47pm UTC](https://forums.realmacsoftware.com/t/container-background-image-with-cms/56835 "2026-06-27T19:47:55Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mark\_Woolwine](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mark_woolwine/32/36163_2.png) [@Mark\_Woolwine](https://forums.realmacsoftware.com/u/Mark_Woolwine)\
**Post date:** [June 27, 2026, 7:47pm UTC](https://forums.realmacsoftware.com/t/container-background-image-with-cms/56835/1 "2026-06-27T19:47:55Z")

</div>

Is it possible to set the background container using a CMS image? I am using a template from the fleXon2 templates and want to use the CMS to update each item. The template is **hover-box -004**

---

<div class="post-metadata">

**Author:** ![Mark\_Woolwine](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mark_woolwine/32/36163_2.png) [@Mark\_Woolwine](https://forums.realmacsoftware.com/u/Mark_Woolwine)\
**Post date:** [June 27, 2026, 8:15pm UTC](https://forums.realmacsoftware.com/t/container-background-image-with-cms/56835/2 "2026-06-27T20:15:41Z")

</div>

I think i figured it out. I used the background component. The next issue im having is how do I get the background component to use a rounded corner radius?

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [June 27, 2026, 8:28pm UTC](https://forums.realmacsoftware.com/t/container-background-image-with-cms/56835/3 "2026-06-27T20:28:19Z")

</div>

Unlike a lot of the other components the background component does not have any settings for the borders.

To get rounded corners you need to add a Tailwind class in the Advanced section of the settings.

```auto
rounded-2xl

```

This class will get you 2XL corners, there are a number of other options.

---

<div class="post-metadata">

**Author:** ![Mark\_Woolwine](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mark_woolwine/32/36163_2.png) [@Mark\_Woolwine](https://forums.realmacsoftware.com/u/Mark_Woolwine)\
**Post date:** [June 27, 2026, 8:49pm UTC](https://forums.realmacsoftware.com/t/container-background-image-with-cms/56835/4 "2026-06-27T20:49:02Z")

</div>

> [@handshaper](#):
>
> `rounded-2xl`

i have tried that but it doesnt seem to work

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [June 27, 2026, 8:51pm UTC](https://forums.realmacsoftware.com/t/container-background-image-with-cms/56835/5 "2026-06-27T20:51:08Z")

</div>

What is your Overflow setting in the Layout settings section, it should be set to NONE.

---

<div class="post-metadata">

**Author:** ![Mark\_Woolwine](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mark_woolwine/32/36163_2.png) [@Mark\_Woolwine](https://forums.realmacsoftware.com/u/Mark_Woolwine)\
**Post date:** [June 27, 2026, 8:54pm UTC](https://forums.realmacsoftware.com/t/container-background-image-with-cms/56835/6 "2026-06-27T20:54:03Z")

</div>

that worked. thanks for the help!