Inserting Image elements into a text element

Helpdesk
1

Hi everyone.

Is there an easy way I can can inject an image halfway into a lengthy text element.

It seems to only let me introduce a new image element at the end of the text box ? Is that right ?

Most likely I am doing something wrong … and would appreciate any advice.

Thanks

2

:waving_hand: Hey @Steve_McLaren — welcome to the Sitejet community! :tada:
Glad to have you here!

I saw your question and just wanted to help out.
It sounds like you might be trying to place an image overlapping or inside a text element in a more styled way (like using negative margins maybe?).

Could you share a screenshot or example of what you’re trying to do? That’ll make it easier for the rest of us to give the right tips.

Looking forward to seeing what you’re working on!

3

Hi there, @Kalisperakichris

Thanks for the welcome.

Here is a screenshot of very simple page of my very basic website that I am building at: https://mclarenfamilyhistory.com.au/

My question is, how can I insert an image into the text in the middle of the text element … say after the phrase " *… adds context to George’s story." ?

Screen Shot 2025-06-30 at 9.58.23 am
Screen Shot 2025-06-30 at 9.58.23 am1439×834 124 KB

Thanks for your help.

1 Like
4

Hi @Steve_McLaren👋

Thanks for sharing your site — you’re doing a wonderful job preserving such meaningful family history!

To insert an image in the middle of a text element, like after the phrase:

“… adds context to George’s story.”

You can follow these steps in Sitejet:

:hammer_and_wrench: How to Insert an Image Inline with Text

  1. Click into the Text Element where your paragraph is.
  2. Place your cursor right after the sentence where you’d like the image to appear (e.g., after “adds context to George’s story”).
  3. Switch to Code/HTML View in the text toolbar (usually shown as </> or <>).
  4. Insert this HTML where you want the image:

html

<img src="/assets/images/george-diary.jpg" alt="George’s Diary" style="width:200px; margin: 10px;" />

➤ Be sure to upload the image first in Sitejet under the “Images” tab, and replace /assets/images/george-diary.jpg with the actual file path Sitejet gives you.
5. Save your changes and preview your page. The image will now appear right in-line with the text :tada:

Bonus Tip:

If placing it inside the text proves tricky, another solid option is:

  • Break the paragraph into two text blocks
  • Insert the image block between them
  • Use columns to align them side by side, if needed.

If you run into any bumps, feel free to ping me again — I’m just like you: learning by building, and happy to help a fellow traveler on this website journey. :blush:

Come back anytime — always here to troubleshoot, cheer you on, and solve things together like a member of the same crew! :rocket: