Your Dedicated Partner for All Things WordPress

How to Put Blocks Side by Side in WordPress

Table of Contents

WordPress is an incredibly powerful and easy-to-use content management system that allows you to create beautiful websites with ease. It has a wide range of features and options, one of which is the ability to put blocks side by side on your pages. This is especially useful if you want to create a unique layout for your website or add more visual interest to your content. In this blog post, we’ll discuss how to put blocks side by side in WordPress so that you can get the most out of this powerful feature.

Understanding Blocks in WordPress

Before we get into how to put blocks side by side in WordPress, it’s important that you understand what blocks are and how they work. A block is a piece of content or a set of settings that can be used to define the structure and layout of a page or post. For example, if you wanted to create an image gallery, you would use an image block. Or if you wanted to add some text formatting, such as bolding or italicizing certain words, you would use a text block.

Urgent WordPress Assistance

Facing a critical WordPress issue? Don’t panic. Our Emergency Service is here to swiftly resolve any urgent website problems.

When creating a page or post in WordPress, each block is placed on its own row within the editor. This means that all of the blocks will default to being stacked vertically on top of each other when they are inserted into the editor window. However, by using certain techniques, you can easily move blocks around and arrange them into columns so that they appear side by side instead of stacked vertically.

Moving Blocks Around

The first step in putting blocks side by side in WordPress is understanding how to move them around within your page’s design area. To do this, simply click and drag any block into place where you want it within the editor window. You can also resize any block by clicking and dragging its edges so that it fits perfectly within its new location on the page. Once all of your blocks have been placed where you want them to be arranged together in columns, you can use some additional tools and settings to ensure that everything looks just right.

Using Column Block Settings

Adding Column Blocks Settings allows users to customize their layouts further and arrange multiple blocks into columns without having to manually resize each one individually. To access these settings, simply click on any block while editing a page or post and then click “Advanced Settings” at the bottom right corner of the popup window that appears beneath it. From there, click “Columns” at the top left corner of the advanced settings menu and select either “2 Columns” or “3 Columns” depending on how many columns you want your layout to have (you can also specify a custom number). Once selected, all existing blocks will automatically be resized into vertical columns with even spacing between them according to their respective column widths (this can be adjusted as well).


Using WordPress’s easy-to-use Block Editor makes designing stunning websites easier than ever before! With its intuitive interface and powerful features like Column Blocks Settings, it’s never been easier for users of all skill levels – from beginners up -can quickly learn how create aesthetically pleasing webpages with professional designs featuring multiple blocks laid out in neat rows & columns! Whether it’s for informational purposes only or for promoting products & services online; mastering this skill opens up countless possibilities for business owners who know how make best use out off this amazing platform!

Tailored WordPress Solutions

Elevate your online presence with our custom WordPress development services.

How to get started?

Learn more

WordPress Maintenance

Save 33% with our Annual pricing plan.

Get Started

Coupon Code Applied!

Take your time and continue browsing our services.

Alexey Seryapin
Founder of WPServices