# How to put image and text on the same row

**URL:** <https://forums.realmacsoftware.com/t/how-to-put-image-and-text-on-the-same-row/45884>\
**Category:** RapidWeaver Elements\
**Created:** [January 11, 2025, 5:14am UTC](https://forums.realmacsoftware.com/t/how-to-put-image-and-text-on-the-same-row/45884 "2025-01-11T05:14:12Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![tilter](https://avatars.discourse-cdn.com/v4/letter/t/7ea924/32.png) [@tilter](https://forums.realmacsoftware.com/u/tilter)\
**Post date:** [January 11, 2025, 5:14am UTC](https://forums.realmacsoftware.com/t/how-to-put-image-and-text-on-the-same-row/45884/1 "2025-01-11T05:14:12Z")

</div>

I would like to put an image and maybe two lines of text next to it (not above, not below). The closest I came to doing it was to put in a grid with 2 columns on the page, put containers in each grid column, then put the image in one, and typography in the other but I was not able to resize the equal-sized grid columns in which they showed. Any suggestions?

---

<div class="post-metadata">

**Author:** ![pumpkin](https://avatars.discourse-cdn.com/v4/letter/p/ccd318/32.png) [@pumpkin](https://forums.realmacsoftware.com/u/pumpkin)\
**Post date:** [January 11, 2025, 8:06pm UTC](https://forums.realmacsoftware.com/t/how-to-put-image-and-text-on-the-same-row/45884/2 "2025-01-11T20:06:45Z")

</div>

If you tell both containers to act as grid items you should be able to do that. Another option would be to use flex, which seems the way to go for such a simple layout.

---

<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:** [January 12, 2025, 3:06pm UTC](https://forums.realmacsoftware.com/t/how-to-put-image-and-text-on-the-same-row/45884/3 "2025-01-12T15:06:01Z")

</div>

You can easily do that with a flex (once you know how). Here’s a quick video showing the process…

Let me know if you get stuck or need more help with it.

---

<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:** [January 14, 2025, 10:38am UTC](https://forums.realmacsoftware.com/t/how-to-put-image-and-text-on-the-same-row/45884/4 "2025-01-14T10:38:28Z")

</div>

@tilter I have just put together a short tutorial on building a two column layout (included below), it’s also [available in the manual](https://docs.realmacsoftware.com/elements-docs/elements-app/how-to/make-a-two-column-layout).

[![](https://img.youtube.com/vi/e4aFe6uteO0/maxresdefault.jpg "Two Coloumn Layout using Flex or Grid") ](https://www.youtube.com/watch?v=e4aFe6uteO0)

Hope you find it useful, and do let me know if you have any questions.

---

<div class="post-metadata">

**Author:** ![tilter](https://avatars.discourse-cdn.com/v4/letter/t/7ea924/32.png) [@tilter](https://forums.realmacsoftware.com/u/tilter)\
**Post date:** [January 14, 2025, 11:16pm UTC](https://forums.realmacsoftware.com/t/how-to-put-image-and-text-on-the-same-row/45884/5 "2025-01-14T23:16:29Z")

</div>

Dan, your tutorials were just what I needed. Thank you very much. When pumpkin/Flynn wrote, “if you tell both containers to act as grid items you should be able to do that,” I didn’t know how that could be done. Now I know, thanks to your responses, and can proceed. My problems may be simple, but that’s where I am as a beginner. Thanks again.

---

<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:** [January 15, 2025, 10:44am UTC](https://forums.realmacsoftware.com/t/how-to-put-image-and-text-on-the-same-row/45884/6 "2025-01-15T10:44:46Z")

</div>

That’s great. Do let me know if there’s any other type of layout you need help with!

---

<div class="post-metadata">

**Author:** ![tilter](https://avatars.discourse-cdn.com/v4/letter/t/7ea924/32.png) [@tilter](https://forums.realmacsoftware.com/u/tilter)\
**Post date:** [January 20, 2025, 7:22am UTC](https://forums.realmacsoftware.com/t/how-to-put-image-and-text-on-the-same-row/45884/7 "2025-01-20T07:22:36Z")

</div>

Thanks. I could use help for a couple of problems I am having.

1. Below some introductory text and pictures (a banner?), I want 4 thematic items in a row (like in flex columns). When one of the themes is clicked/highlighted, I want the contents of that theme to follow after the introductory text and pictures/banner. Same for the other 3 items when any other is highlighted. How can I make this happen?
2. I would like to mark the above mentioned items, and the sections (more precisely headers) of their contents, as nested navigation items so they will show up in the navigation menu. (Some of these contents will be long texts with pictures, and I don’t want to create new pages.) How can I mark these thematic columns, and sections/headers of their content as nested navigation items?

---

<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:** [January 20, 2025, 8:56am UTC](https://forums.realmacsoftware.com/t/how-to-put-image-and-text-on-the-same-row/45884/8 "2025-01-20T08:56:47Z")

</div>

I’m not 100% sure on what you want. Do you have a screenshot or a website you could point me to so I can see what you’re trying to build?

---

<div class="post-metadata">

**Author:** ![tilter](https://avatars.discourse-cdn.com/v4/letter/t/7ea924/32.png) [@tilter](https://forums.realmacsoftware.com/u/tilter)\
**Post date:** [January 22, 2025, 2:45am UTC](https://forums.realmacsoftware.com/t/how-to-put-image-and-text-on-the-same-row/45884/9 "2025-01-22T02:45:45Z")

</div>

Here’s the screenshot:

 ![Tuğrul's Screenshot](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/4/2/42104165dd549d33aab5e036e73be7786a7ba676.png)

---

<div class="post-metadata">

**Author:** ![pumpkin](https://avatars.discourse-cdn.com/v4/letter/p/ccd318/32.png) [@pumpkin](https://forums.realmacsoftware.com/u/pumpkin)\
**Post date:** [January 22, 2025, 8:46am UTC](https://forums.realmacsoftware.com/t/how-to-put-image-and-text-on-the-same-row/45884/10 "2025-01-22T08:46:45Z")

</div>

I get the Impression you want something like a Tab Element that shows the content of the tabs above the tabs instead of below?

---

<div class="post-metadata">

**Author:** ![tilter](https://avatars.discourse-cdn.com/v4/letter/t/7ea924/32.png) [@tilter](https://forums.realmacsoftware.com/u/tilter)\
**Post date:** [January 22, 2025, 10:33am UTC](https://forums.realmacsoftware.com/t/how-to-put-image-and-text-on-the-same-row/45884/11 "2025-01-22T10:33:13Z")

</div>

Thanks for responding Fynn! Yes, something like a tab element sounds like what I want. No, not above the tabs but below them. When a tab is clicked, I want its content to flow down below it. Sorry for not being clearer about this.

Also, some of these tab-element contents will be long, and I would like to mark its sections, more precisely subheaders, as nested navigation menu items, if possible. I learned to create navigation items by creating new pages and nesting new pages, but I don’t know how to do this without creating new pages, or if this is at all possible.

---

<div class="post-metadata">

**Author:** ![pumpkin](https://avatars.discourse-cdn.com/v4/letter/p/ccd318/32.png) [@pumpkin](https://forums.realmacsoftware.com/u/pumpkin)\
**Post date:** [January 22, 2025, 12:55pm UTC](https://forums.realmacsoftware.com/t/how-to-put-image-and-text-on-the-same-row/45884/12 "2025-01-22T12:55:32Z")

</div>

It will be possible if the team decides to provide such an extra menu. I’m pretty sure though that you can create such a navigation with a list of links and the usage of anchors.

---

<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:** [January 22, 2025, 3:12pm UTC](https://forums.realmacsoftware.com/t/how-to-put-image-and-text-on-the-same-row/45884/13 "2025-01-22T15:12:08Z")

</div>

Showing and hiding content like an Accordion is planned, but not available just yet.

Maybe [upvote this suggestion](https://elements.nolt.io/7) if that’s what you’re after!

---

<div class="post-metadata">

**Author:** ![tilter](https://avatars.discourse-cdn.com/v4/letter/t/7ea924/32.png) [@tilter](https://forums.realmacsoftware.com/u/tilter)\
**Post date:** [January 22, 2025, 10:49pm UTC](https://forums.realmacsoftware.com/t/how-to-put-image-and-text-on-the-same-row/45884/14 "2025-01-22T22:49:06Z")

</div>

I tried to upvote this suggestion. Was asked to sign-in. I gave my email address. Did not receive any email with code.
