Effective content presentation is crucial to the success of any website. This is why you need to present your web content in varying styles to suit different needs so it becomes easily readable to web visitors and users.
Putting boxes around texts could be an effective way to do this. Because it can help make certain text completely distinct from others. This concept is highly effective in presenting important details, quotes, and calls to action.
In this tutorial post, we’ll show you multiple methods of how to put a box around text in WordPress.
Creare bellissimi tavoli
Con l'editor di blocchi
Method One: Using the Group Block
The Group is a default WordPress block. This block allows you to add various other blocks within it.
Step 01: Add the Group Block to the Editor
Trovate e aggiungete il file Blocco di gruppo all'editore.
Select a layout for the Group block. For the tutorial, we’ll select the first layout.
Step 02: Add the Paragraph Block to the Group Block
Ora, aggiungere il file Blocco di paragrafi to the Group block so you can write text content.
Next, add your desired text content to the block.
Step 03: Customize the Block and Make It a Box
Vai a il Scheda Impostazioni on the right sidebar. You can customize the layout for the Group block if needed. Otherwise, leave it.
Then, come to il Scheda Stili. From the color section, colorize the text content e background of the block.
Scroll down the tab and come to the Imbottitura e Border sections.
Il Imbottitura will let you add space between the content and the border. The Confine will allow you to increase its width.
Thus, you can create a box around the text.
Method Two: Using the Tableberg Block
Tavolo di lavoro is a wonderful and easy to use table builder plugin. You can create and put a stunning box around your text content with this plugin as well. Get the plugin by clicking the buttons on the banner below.
Creare bellissimi tavoli
Con l'editor di blocchi
Once installed on your site, follow the tutorial.
Step 01: Add the Tableberg Block to the Editor
This plugin comes with a block named Tavolo di lavoro. Add the block to the editor.
Place the number of column and row to create as many boxes as you want. Let’s for this tutorial, set 1*1 to create only one box.
You can see the box layout is added.
Step 02: Add Text to the Box
Just write or copy-paste the text content you want to the box.
Step 02: Stylize the Box
Vai a il Scheda Stili keeping the Tableberg block selected. Add a background color to the box from the Color section.
Step 03: Customize the Table Border
Scroll the tab and come to the section Table Border e Inner Border.
By placing suitable values, you can adjust the border color, width e raggio.
Step 04: Customize the Text Color
If you want, change the text color so the design looks beautiful and readable.
Conclusione
So, it’s easy to put a box around text in WordPress. Now, it’s your turn to choose the method that suits you. However, there are several things you must remember. Make sure the box and the text color contrast each other so your content is readable.
Besides, try to maintain the color scheme of your website in the content box as well to ensure your consistency in branding. You can do more interesting designs with the Tableberg plugin. For example, explore how to add Amazon product box in WordPress.