# Floating on images - and a bug

**URL:** <https://forums.realmacsoftware.com/t/floating-on-images-and-a-bug/46707>\
**Category:** RapidWeaver Elements\
**Created:** [March 13, 2025, 11:25am UTC](https://forums.realmacsoftware.com/t/floating-on-images-and-a-bug/46707 "2025-03-13T11:25:06Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [March 13, 2025, 11:25am UTC](https://forums.realmacsoftware.com/t/floating-on-images-and-a-bug/46707/1 "2025-03-13T11:25:06Z")

</div>

Hi

I just played around with the float-left / float-right / float-none. Would be handy to get that working in a container. Right now it works only on root level. Also to have the float options inside the image, that would be handy. But that could be used anywhere also in containers.

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [March 13, 2025, 12:18pm UTC](https://forums.realmacsoftware.com/t/floating-on-images-and-a-bug/46707/2 "2025-03-13T12:18:08Z")

</div>

When adding custom css to the typography component those get ignored.

 ![CleanShot 2025-03-13 at 20.17.01](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/9/a/9af9e1af0f15a790e955c42e45831283b43eae46.png)

---

<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:** [March 13, 2025, 12:38pm UTC](https://forums.realmacsoftware.com/t/floating-on-images-and-a-bug/46707/3 "2025-03-13T12:38:14Z")

</div>

CSS float properties don’t work directly within a Container component because it is set to `display: flex` and floats are ignored in flex containers.

I think the simplest way to achieve floating behaviour inside a Container would be to wrap your Images and Typography components in a custom component that doesn’t apply flexbox layout. This approach would allow the float properties to function as intended.

Let me know if that works for you 🙂

---

<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:** [March 13, 2025, 12:42pm UTC](https://forums.realmacsoftware.com/t/floating-on-images-and-a-bug/46707/4 "2025-03-13T12:42:25Z")

</div>

> [@Beblebroks](#):
>
> When adding custom css to the typography component those get ignored.

You are correct, the CSS Classes are not being applied to Typography. I’ll get that fixed for the next beta 🙂

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [March 13, 2025, 12:51pm UTC](https://forums.realmacsoftware.com/t/floating-on-images-and-a-bug/46707/5 "2025-03-13T12:51:37Z")

</div>

Yeah that works. But to add the dropzone in the HTML Component required a restart. Also the drag and drop onto the Tree HTML Element did not work. Had to use the dropzone in the editor.

- Adding the float-properties to the Image (or Container to use as wrapper)
- Adding the clear-properties to the Typography

Would that be an option?

 ![CleanShot 2025-03-13 at 20.48.31](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/e/5e269af75c8fd6023a1ee3722ba0a9dce3600a1c.jpeg)

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [March 13, 2025, 12:57pm UTC](https://forums.realmacsoftware.com/t/floating-on-images-and-a-bug/46707/6 "2025-03-13T12:57:13Z")

</div>

Having a floating option on the container, you could add anything.

 ![CleanShot 2025-03-13 at 20.56.25](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/9/893e2302281cf7cdad707cf14f8d84e38bae5619.jpeg)

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [March 13, 2025, 1:49pm UTC](https://forums.realmacsoftware.com/t/floating-on-images-and-a-bug/46707/7 "2025-03-13T13:49:33Z")

</div>

Devpack Component. Simpliest ever 😃

 ![CleanShot 2025-03-13 at 21.48.33](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/4/e/4e15a2eb9988275262312479fd578af74abd51d6.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:** [March 13, 2025, 7:50pm UTC](https://forums.realmacsoftware.com/t/floating-on-images-and-a-bug/46707/8 "2025-03-13T19:50:39Z")

</div>

I think you’ll have a great opportunity to offer all these solutions you keep building to Elements users once the built-in store launches 😉
