# Image + text side by side

**URL:** <https://forums.realmacsoftware.com/t/image-text-side-by-side/52549>\
**Category:** Elements\
**Created:** [November 18, 2025, 3:45pm UTC](https://forums.realmacsoftware.com/t/image-text-side-by-side/52549 "2025-11-18T15:45:27Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![traut](https://avatars.discourse-cdn.com/v4/letter/t/f475e1/32.png) [@traut](https://forums.realmacsoftware.com/u/traut)\
**Post date:** [November 18, 2025, 3:45pm UTC](https://forums.realmacsoftware.com/t/image-text-side-by-side/52549/1 "2025-11-18T15:45:27Z")

</div>

I have Elements 1.5.2

I want to have text box and image side by side.

Have installed container, then inserted 2 column container, then inserted image container at left, but cannot insert text container at right. It always jumps above or below the image container.

---

<div class="post-metadata">

**Author:** ![tapcalap](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tapcalap/32/32232_2.png) [@tapcalap](https://forums.realmacsoftware.com/u/tapcalap)\
**Post date:** [November 18, 2025, 8:45pm UTC](https://forums.realmacsoftware.com/t/image-text-side-by-side/52549/2 "2025-11-18T20:45:41Z")

</div>

Hi Tom, you can use one of the pre-built components for that. Check the picture to see where to find them.

Cheers.

 ![Screenshot 2025-11-18 at 23.42.05](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/b/3/b3ce1ece9466c674fb32c0755ccb53ccf744773a.png)

---

<div class="post-metadata">

**Author:** ![traut](https://avatars.discourse-cdn.com/v4/letter/t/f475e1/32.png) [@traut](https://forums.realmacsoftware.com/u/traut)\
**Post date:** [November 18, 2025, 9:42pm UTC](https://forums.realmacsoftware.com/t/image-text-side-by-side/52549/3 "2025-11-18T21:42:59Z")

</div>

So - the 2 columns left is different from the 2 columns under Templates → Scaffolding, which I have tried to use?

---

<div class="post-metadata">

**Author:** ![tapcalap](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tapcalap/32/32232_2.png) [@tapcalap](https://forums.realmacsoftware.com/u/tapcalap)\
**Post date:** [November 18, 2025, 10:41pm UTC](https://forums.realmacsoftware.com/t/image-text-side-by-side/52549/4 "2025-11-18T22:41:54Z")

</div>

These core templates have the image and text components pre-built. All you have to do is drop in your image and replace the text with your own.

---

<div class="post-metadata">

**Author:** ![traut](https://avatars.discourse-cdn.com/v4/letter/t/f475e1/32.png) [@traut](https://forums.realmacsoftware.com/u/traut)\
**Post date:** [November 19, 2025, 10:53am UTC](https://forums.realmacsoftware.com/t/image-text-side-by-side/52549/5 "2025-11-19T10:53:51Z")

</div>

When I do that the image and text are not side by side; one is above the other.

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [November 19, 2025, 4:40pm UTC](https://forums.realmacsoftware.com/t/image-text-side-by-side/52549/6 "2025-11-19T16:40:56Z")

</div>

If you are dropping into a flex, make sure the direction properties are set for row and not column.

 ![Screenshot 2025-11-19 at 11.35.38](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/4/e/4ede6f94b4440e18b737b306d0bbe8333cca9ecc.png)

Also, if the image and text components are not landing correctly in the editor window, drag and drop using the node browser.

 ![Screenshot 2025-11-19 at 11.37.31](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/9/9/99c3bf14f2141cd64259821b655c8096faec3423.png)

---

<div class="post-metadata">

**Author:** ![traut](https://avatars.discourse-cdn.com/v4/letter/t/f475e1/32.png) [@traut](https://forums.realmacsoftware.com/u/traut)\
**Post date:** [November 26, 2025, 7:45pm UTC](https://forums.realmacsoftware.com/t/image-text-side-by-side/52549/7 "2025-11-26T19:45:02Z")

</div>

When I follow your suggestion I still get a column

 ![Screenshot 2025-11-26 at 2.42.39 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/3/539743b57f5d1e8d6f20c0bb609527b584c24fe3.png)

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [November 26, 2025, 7:49pm UTC](https://forums.realmacsoftware.com/t/image-text-side-by-side/52549/8 "2025-11-26T19:49:44Z")

</div>

Can you show a picture of your node browser so we can see if the components are where you want them??

---

<div class="post-metadata">

**Author:** ![traut](https://avatars.discourse-cdn.com/v4/letter/t/f475e1/32.png) [@traut](https://forums.realmacsoftware.com/u/traut)\
**Post date:** [November 26, 2025, 8:05pm UTC](https://forums.realmacsoftware.com/t/image-text-side-by-side/52549/9 "2025-11-26T20:05:07Z")

</div>

see attached

 ![Screenshot 2025-11-26 at 3.04.17 PM.png](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/0/c/0c1ade046ac07c6d06066edf8b657db6e6061433.png)

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [November 26, 2025, 8:08pm UTC](https://forums.realmacsoftware.com/t/image-text-side-by-side/52549/10 "2025-11-26T20:08:21Z")

</div>

That is editor window. Node browser are the three staggered lines in the window to the left of it. See second picture in my post above.

---

<div class="post-metadata">

**Author:** ![traut](https://avatars.discourse-cdn.com/v4/letter/t/f475e1/32.png) [@traut](https://forums.realmacsoftware.com/u/traut)\
**Post date:** [November 26, 2025, 9:11pm UTC](https://forums.realmacsoftware.com/t/image-text-side-by-side/52549/11 "2025-11-26T21:11:12Z")

</div>

Try this

 ![Screenshot 2025-11-26 at 4.10.13 PM.png](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/3/e35a08f963d9003718bfdcaa552a7e065240abbd.jpeg)

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [November 26, 2025, 9:15pm UTC](https://forums.realmacsoftware.com/t/image-text-side-by-side/52549/12 "2025-11-26T21:15:09Z")

</div>

It looks like you have a flex within another flex, which is OK, but not sure that is what you actually want.

Drag your text component (use the node browser), down, to the 2 column component **below** it and it should put it where you want. (If I understand correctly what you are asking)

---

<div class="post-metadata">

**Author:** ![traut](https://avatars.discourse-cdn.com/v4/letter/t/f475e1/32.png) [@traut](https://forums.realmacsoftware.com/u/traut)\
**Post date:** [November 27, 2025, 3:33pm UTC](https://forums.realmacsoftware.com/t/image-text-side-by-side/52549/13 "2025-11-27T15:33:05Z")

</div>

I think that you are right, I had too many containers etc.  
I now have them side by side. On attached it shows a screenshot at top from our current website made with RW8, and beneath that my attempt to recreate that in Elements. I now have the text & image side by side (thanks for guiding me), but do not know how to resize them as in the photo at top, or how to make the text actually look like Times New Roman.  
Also - for some reason the names for my 4 pages show at top only on Home page, and do not appear to be linked for navigation.

> **(attachments)**
>
> ![Screenshot 2025-11-27 at 10.26.03 AM.png](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/d/2d7ba20bd64ee47c9e6f63bb0becb6c3c06aa3e8.png)

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [November 27, 2025, 3:38pm UTC](https://forums.realmacsoftware.com/t/image-text-side-by-side/52549/14 "2025-11-27T15:38:13Z")

</div>

Click OUT of the text component, then select the text component (don’t double click, actually selecting the _text_.) Then set for Times New Roman in the Text Component Properties on the right hand side. If you see Text Style, you clicked too many times.

For resizing, click on the image once to select it, and sizing should be in the Sizing Properties on the right hand side.

The Menu component uses the pages in your site automatically, and all pages, unless set to be hidden, will be listed. To be seen on each page, the menu has to be placed on _each_ page. I would suggest getting menu looking like you want it, with all settings, etc., and then make it a global, that way it looks the same everywhere.

---

<div class="post-metadata">

**Author:** ![traut](https://avatars.discourse-cdn.com/v4/letter/t/f475e1/32.png) [@traut](https://forums.realmacsoftware.com/u/traut)\
**Post date:** [November 27, 2025, 9:39pm UTC](https://forums.realmacsoftware.com/t/image-text-side-by-side/52549/15 "2025-11-27T21:39:44Z")

</div>

Attached is the best that I can do, but not what I want, since I want Elements to recreate the picture at the top.  
I can not find where in the Menu I add my pages to appear at the top.

 ![Screenshot 2025-11-27 at 4.37.17 PM.png](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/8/88c5681eb118a70fc833a0fbb975ea39e5a6d006.png)

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [November 27, 2025, 9:55pm UTC](https://forums.realmacsoftware.com/t/image-text-side-by-side/52549/16 "2025-11-27T21:55:19Z")

</div>

Can you upload the project to Elements Cloud and either post the link here or DM me the link and I can take a look at it for you.

To be clear, you want a menu on top and the orange header underneath that??

---

<div class="post-metadata">

**Author:** ![traut](https://avatars.discourse-cdn.com/v4/letter/t/f475e1/32.png) [@traut](https://forums.realmacsoftware.com/u/traut)\
**Post date:** [November 30, 2025, 8:14pm UTC](https://forums.realmacsoftware.com/t/image-text-side-by-side/52549/17 "2025-11-30T20:14:25Z")

</div>

I have not knowingly used elements cloud, and don’t know how to upload to it.

The link to our current website: [http://perihelionproductions.org/](http://perihelionproductions.org/)  
You will see our company logo and name at top, and beneath that the list of site pages.

I want both to appear at top of our new site made by elements.

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [November 30, 2025, 8:19pm UTC](https://forums.realmacsoftware.com/t/image-text-side-by-side/52549/18 "2025-11-30T20:19:28Z")

</div>

[elementsapp://downloadDocument/IZn8bdRHPiIM](elementsapp://downloadDocument/IZn8bdRHPiIM)

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [November 30, 2025, 8:20pm UTC](https://forums.realmacsoftware.com/t/image-text-side-by-side/52549/19 "2025-11-30T20:20:20Z")

</div>

might be easier is others can check site ,just remove any publishing settings

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [November 30, 2025, 8:33pm UTC](https://forums.realmacsoftware.com/t/image-text-side-by-side/52549/20 "2025-11-30T20:33:59Z")

</div>

Something like this: [elementsapp://downloadDocument/ztAn7wHQvyxl](elementsapp://downloadDocument/ztAn7wHQvyxl)

[Next page](https://forums.realmacsoftware.com/t/image-text-side-by-side/52549.md?page=2)
