WordPress has come far in terms of customization and letting users build beautiful pages.
Today, you can achieve things with WordPress that would usually require page builders. One such thing is adding a border around a column in WordPress.
When using a multi-column layout, you would want to separate the columns visually by adding a border.
In this tutorial, I’ll show you how to add borders around a column in WordPress in this step-by-step tutorial.
Without wasting any of your time, let’s jump straight in.
Supercharge Your WordPress Block Editor!
How to Add Border Around Column in WordPress
Here are the step-by-step instructions on how to add a border around a column in WordPress.
Step 1. Go to the post or page where you want to add a column with borders.
Step 2. Click on the (+) icon and search for ‘Column’ block and add it to the editor.
Step 4. Once the block is added, you’ll have to choose how many columns you want in the block. WordPress automatically gives you some variations to choose from. Then, add some content to the columns.
Step 5. Select the column and click on the ‘Settings’ icon (1) from the top right-hand side corner. Then click on the ‘Styles’ tab (2) and you’ll find an option to add a border to your column (3).
You can set the border width and pixels and also customize the border color. Moreover, you also have the option to add a border to just one side of the whole column.
So, that’s how easy it is to add borders around columns in WordPress without writing a single line of CSS.
Note: If you’re using a classic theme, you might not find the border option in the columns block. On that case, you can use the Styled Box block by Ultimate Blocks.
Conclusion
As evident from this tutorial, adding borders around a column is very simple and easy in Gutenberg. The editor gives you full control and various options to help you add beautiful borders around columns.
I hope this tutorial helped you learn how to add a border around a column in WordPress.
If you have any doubts or questions, feel free to drop a comment below. Also, if you’re new to WordPress, check out more tutorials on our blog.
Also Check:
Leave a Reply