# Elements-CMS / Background-Image

**URL:** <https://forums.realmacsoftware.com/t/elements-cms-background-image/50849>\
**Category:** Elements CMS\
**Created:** [September 8, 2025, 6:52am UTC](https://forums.realmacsoftware.com/t/elements-cms-background-image/50849 "2025-09-08T06:52:50Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)\
**Post date:** [September 8, 2025, 6:52am UTC](https://forums.realmacsoftware.com/t/elements-cms-background-image/50849/1 "2025-09-08T06:52:50Z")

</div>

Hello @Ben,

I’m currently working quite extensively with the CMS components to build my websites.

Along the way, I’ve come across a few points that make creating websites a bit more complicated compared to doing it the “traditional” way.

In particular, setting up a Hero Banner is proving to be more difficult. Is there a way — or maybe a future option — to access and output CMS image resources directly via the Container/Background, similar to how it currently works only with the Image component? Being able to do this would make it much faster and more efficient to build certain designs using Container/Background.

 ![Bildschirmfoto 2025-09-08 um 08.50.11](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/3/f36a4c3a8215b7c7d2ab8b2c9fea7b2fc7fb5807.png)  
 ![Bildschirmfoto 2025-09-08 um 08.51.12](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/9/8/98b2baa0a2d8e607b50d0a0104909225e63c7c44.png)

Additionally, would it be possible to add an option within the Collection component to define the number of “items per page” separately for each breakpoint?

For example:  
• Desktop: 6 items per page  
• Mobile: 3 items per page

 ![Bildschirmfoto 2025-09-08 um 08.47.25](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/3/c33f260d47db615533a25467fa6320ee7299ba16.png)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 8, 2025, 8:52am UTC](https://forums.realmacsoftware.com/t/elements-cms-background-image/50849/2 "2025-09-08T08:52:59Z")

</div>

> [@Pegasus](#):
>
> In particular, setting up a Hero Banner is proving to be more difficult. Is there a way — or maybe a future option — to access and output CMS image resources directly via the Container/Background, similar to how it currently works only with the Image component?

That’s just an oversight on our part, so yes, I think this would be a good idea. I’ll create a ticket to get this added!

> [@Pegasus](#):
>
> Additionally, would it be possible to add an option within the Collection component to define the number of “items per page” separately for each breakpoint?

Not sure on this one 🤔 It might have a knock-on effect with other components we’re building, specifically I’m thinking… pagination as that would then have to change on the fly based on how many items are visible 🫠

I wonder if you could “hack” around this, and have two collections on the page, and hide/show the right collection at the right breakpoint. It’s a workaround for sure… but it might be okay?

---

<div class="post-metadata">

**Author:** ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)\
**Post date:** [September 8, 2025, 9:01am UTC](https://forums.realmacsoftware.com/t/elements-cms-background-image/50849/3 "2025-09-08T09:01:31Z")

</div>

> [@dan](#):
>
> I wonder if you could “hack” around this, and have two collections on the page, and hide/show the right collection at the right breakpoint. It’s a workaround for sure… but it might be okay?

sounds good. interesting workaround! thx 🙂

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [September 9, 2025, 7:47am UTC](https://forums.realmacsoftware.com/t/elements-cms-background-image/50849/4 "2025-09-09T07:47:54Z")

</div>

> [@Pegasus](#):
>
> Additionally, would it be possible to add an option within the Collection component to define the number of “items per page” separately for each breakpoint?

We’re not going to be able to do this, unfortunately. It’s just not technically feasible.

The workaround Dan suggested above is your best option 🙂
