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:
- Access the Visual Composer on the page you would like to align your text
- Click ‘Edit’ on the text module
- Click ‘Typography’
- Click ‘Text Align’
- Click ‘Left / Centre / Right
Voila, you just aligned your text within its column and row.
Aligning images and icons using Visual Composer
Aligning text and images in WordPress is basically the same process.
For images, follow these steps:
- Access Visual Composer on the page you would like to align your images
- Click the ‘Image’ or ‘Icon’ module edit button
- Find ‘Image alignment’ or ‘Icon alignment’
- 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.