How to Add an Icon With Text in WordPress

add an icon with text

Icons, along with text, can enhance the visual appeal and user experience of your WordPress website. It creates a more engaging and informative design. Whether you are a pro or a beginner, you can easily add icons with text. To do this, you don’t have to write any code or go through any complex procedure. 

Here, I will show you how to add an icon with text in this post.  Make sure you see the process and then try it on your own. 

Let’s start. 

Adding an Icon With Text

The whole process is described step by step. Follow all the steps and add an icon with text in your page/post. 

Step 1: Install Ultimate Blocks

To create a LinkedIn share button in WordPress, install Ultimate Blocks on your WordPress website. Navigate to Plugins and search for ‘Ultimate Blocks’.

Don’t forget to activate the plugin after you install it.

Step 2: Add Columns Block (Optional)

You can add icon block directly, or you showcase your website features with this block. In this case, I am inserting Icon block inside a 3×3 column. You can take any size or insert it without any column. 

Click on the Add block (‘+’) button and search for columns block. 

Click on the bock and insert it. 

You can choose any column variation, I am selecting 3×3. 

Step 3: Insert Icon Block

Click on the Add block button and search for the icon block. 

Click on the block and insert. 

Step 4: Insert Icon With Text

Click on the Icon Library.

Here, you will find thousands of icons, including Font Awesome icons. Search for any icon and then insert it by clicking on it. 

Below the image, click on the add block (‘+’) button again. 

Search for the ‘paragraph’ block. Insert the block by clicking on it. 

Then type your heart content below. 

In this way, you can create several columns by adding icons with text.

Step 5: Customization

To customize your icon, click on the icon first and then click on settings. 

From the settings, you can customize the icon size and rotation. 

If you like to customize the color of the icon, switch to the style tab and customize the color as you like. 

Final Words

I hope you have got the whole process to add an icon with text in WordPress site of yours. Not only icons, but there are also other awesome blocks included in the Ultimate Blocks. That allows you to create an awesome website by yourself. 

If you liked the post, then please share it with your friends, and don’t forget to leave your thoughts in the comment box below.

Own a WordPress Site? You’ll Need This Plugin!

Unleash the power of the WordPress Block Editor with Ultimate Blocks! Dive into a world where crafting stellar content is a breeze, where every feature and tool you’ve dreamed of is right at your fingertips.

Leave a Reply

Your email address will not be published. Required fields are marked *