How to Add Image & Text Side by Side in WordPress (3 Ways)

Images are vital to any post or page, breathing life into your content and capturing readers’ attention. Occasionally, you might wish to display an image and text side by side in WordPress. This can seem daunting, especially if you’re just starting out.

Fortunately, the new WordPress block editor simplifies the process of placing images and text side by side. If you need help with how to do this, you’re in the right place.

Let’s walk through the process step by step.

Ultimate Blocks

Adding Image & Text Side by Side in WordPress

Here, I will show you three different methods to add image and text side by side. You can choose any of these methods below.

Using the Image Alignment

To add image and text side by side with Gutenberg using text alignment settings, first you need to add an Image block. 

Click on the Add block button (‘+’ button), and type ‘Image’. Insert the block by clicking on it. Now click on the upload button and upload your media file.

You can also select the media file from the media library. To choose a file from the media library, click on the media library button. 

Now, your media content is inserted. It will look according to the size of media you upload or choose. 

From the toolbar menu, select Alignment. If you choose the right alignment, your text will appear at the left of the image. Alternatively, if you choose the left alignment, your text will appear at the right of the image.

Now, you will notice two small dots in left and bottom of the image. Drag these dots and shrink your image as you require. Then click on the add block button below image and add ‘paragraph’ block.

 Finally, your image and text side by side will look something like above.

Using the Columns Block

To do it using the column block, open the post and click on the ‘Add block’ (‘+’) button. Search for ‘Columns’ and insert it by clicking on it. 

Here you can choose from different variations, like if you wish to provide half space to image and half to text, then choose 50/50. You may also choose 33/66, 66/33, 33/33/33, or 25/50/25. 

Here, I am choosing 33/66. 

Now, on one block, add a text block, and on the other, add an Image block. 

To do it, click on the ‘+’ add block button and select ‘paragraph’. Write your desired text.

Similarly, add an image block on the other block. 

Click on the upload button or use an image from the media library.

If you wish to adjust the image size then do it by dragging the dots on the side of the image. In this way, you will be able to add images and text side by side. 

Using the ‘Media & Text’ Block

Go to the post/page where you want to add image and text side by side.

Simply click on the + icon in your editor and search for ‘Media & Text’. Then, insert the block.

Then click on the ‘Upload’ button to add the image. You can also add an image from the media library.

Once you’ve added the image, add the text in the ‘Content…’ part.

If you want to change the content side with the media, click on the ‘Show media on right’ icon.

You can customize more things from the right-hand side options panel.

So this is how you can add an image and text side by side in WordPress.

Conclusion

In this way, you can add images and text side by side in WordPress without using any plugins. If you have any problems adding images and text side by side ask me, and I will help. Don’t forget to leave your thoughts in the comment box below.

Also Read:

2 responses to “How to Add Image & Text Side by Side in WordPress (3 Ways)”

  1. Stania Avatar
    Stania

    Hello, what about if it doesn’t give me the option media + text? I do have just “add media” and the text alignment w/pic doesn’t work. The text is either and/or above or below the pic. It looks weird.

    Thank you, Stania

    1. Istiak Rayhan
      Istiak Rayhan

Leave a Reply

Your email address will not be published. Required fields are marked *

Get the Best Blocks Plugin at 20% OFF!

X
Need help?