skip to Main Content

Aligning Text And Images In WordPress

Time for another WordPress tutorial on aligning text and images in WordPress.

I’ll be writing these every morning, every day of the working week, so make sure you do subscribe to receive them fresh to your inbox each day, so you don’t forget or miss out on your free WordPress tips.

Aligning Text And Images In WordPress

Making things look pretty is important. If your website is a jumble of text and imagery all over the place, it doesn’t send the best impression to potential customers.

Thankfully, aligning text and images in WordPress is easy, regardless of which theme you are using.

I’m going to show you how to do this using a couple of different methods.

Using Visual Composer (now WPBakeryBuilder)

Visual Composer is still my favourite page builder.

It’s the builder I am the most experienced with and the builder I have used for years.

Using Visual Composer alignment is super easy.

Aligning text using Visual Composer

To align blocks of text using Visual Composer, follow these steps:

  1. Access the Visual Composer on the page you would like to align your text
  2. Click ‘Edit’ on the text module
  3. Click ‘Typography’
  4. Click ‘Text Align’
  5. Click ‘Left / Centre / Right

Voila, you just aligned your text within its column and row.

Aligning text and images on WordPress

Aligning text and images in WordPress

Aligning images and icons using Visual Composer

Aligning text and images in WordPress is basically the same process.

For images, follow these steps:

  1. Access Visual Composer on the page you would like to align your images
  2. Click the ‘Image’ or ‘Icon’ module edit button
  3. Find ‘Image alignment’ or ‘Icon alignment’
  4. Click ‘Left / Centre / Right’ alignment

And that’s all there is to it.

Different themes may have different options available within the page builder, or different modules, but the logic is always same.

Locate the module you wish to align (text, image, icon) and find the alignment settings.

Set your desired alignment and use the preview tool to check if you have achieved the desired results.

You may also like

How To Build A Website The Ultimate Guide

How To Add Photos To WordPress

How To Add Posts To A Page On WordPress

Share this post

Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on pinterest
Share on print
Share on email