How to build a feature Columns section (2 to 3 columns, icon plus text) in Blogger

When you want to tell readers "why choose us" or "what makes this site special", writing a long paragraph does not work as well as summarizing it into clear points. A feature Columns section shows highlights as 2 or 3 columns with icons. This article teaches you how to build one in a Blogger theme with BlogKub, adding and removing columns and filling in the icon, heading, and description yourself.

Updated 16 July 2026   About an 8 minute read   Level: Beginner

What a feature Columns section is, and why it works

A feature Columns section is a part that shows highlights or services as 2 or 3 columns side by side, each with an icon, a heading, and a short description. It is a presentation format common on company and service sites, because it summarizes key information so readers see and understand it in an instant.

The reason it works is that it matches how people read the web. Most readers do not read every word, they "scan" for the key information. Laying out highlights as columns with clear icons and headings makes scanning easy: the icon draws the eye, the heading states the point, and the description gives the detail. Readers grasp your selling points quickly without reading a long paragraph, which suits any space where you need to convey value concisely.

How to build the feature Columns section step by step

1. Add the Columns block. Drag the "Columns (Features)" block from the library into the position you want, such as on the homepage below the Hero or on a services page.
2. Set the heading and column count. Enter a section heading (for example "Why choose us") and choose 2 or 3 columns based on how many highlights you have.
3. Fill in the icon, heading, and description for each column. Add or remove columns as needed, and fill in the icon (emoji), heading, and a short description for each column.
4. Export the XML and check the result. Click Export, upload it to Blogger, then check that the columns display correctly, side by side on desktop and stacked on mobile.

Use emoji icons: lightweight and meaningful

The feature Columns section lets you set an emoji or symbol as the icon in each column, such as ⚡ for speed, 🎯 for precision, or ✨ for quality. The benefit of using emoji is that they are lightweight and need no icon image to load, they display instantly on every device, and they carry meaning on their own without reading the text.

The icon acts as an "anchor for the eye" that helps each column stand apart clearly and be easy to remember. When you pick an icon whose meaning matches the heading, readers grasp each highlight faster. The tip is to choose emoji that are relevant and consistent in style, not random ones that look unsystematic. Consistent icons make the columns section look designed and professional.

Write concise headings and descriptions

The power of a feature Columns section lies in being concise. Each column's heading should be short and clearly state the highlight, such as "Easy to use", "Secure", or "Fast". The description should expand it in one or two sentences that say what the highlight means and how it benefits the reader.

Avoid writing overly long descriptions in a column, because that defeats the purpose of quick scanning. If a highlight needs a long explanation, consider splitting it into a separate article or section. The feature Columns section is designed to "summarize the big picture", not to explain in detail. Keeping it concise is the key to letting this section do its job well. When readers want to know more, you can lead them to the full content through a CTA button placed after the columns.

Choose 2 or 3 columns

Choosing the number of columns depends on how many highlights you have and the balance of the page. 2 columns make each column wide with plenty of space, ideal when you have a few main highlights to emphasize or descriptions that run a bit long. 3 columns is the classic, balanced, and most common layout, ideal when you have three highlights of equal weight.

The number three has a psychological charm called the "rule of three", where people tend to remember and take in information best in sets of three. Grouping highlights into three often looks tidy and memorable. That said, do not force a third highlight just to reach three if only two truly matter. Truth and clarity matter more than hitting a number, so pick the count that best reflects your real highlights.

The feature Columns section on different kinds of sites

• Company/service sites: show the strengths of a service, such as "10 years of experience", "After-sales support", "Great value".
• Online course sites: summarize what learners get, such as "Learn anywhere", "A certificate", "A personal mentor".
• Blogs with a selling point: say why to follow, such as "Updated weekly", "From real experience", "All free".
• Product sites: summarize a product's standout features to give an overview before the details.

The common thread is that a feature Columns section helps "answer the why" in a concise space. When a reader lands on the site and wants to know why they should care, the columns section gives the answer immediately in an easy-to-scan form.

The feature Columns section and how the eye scans

Good design understands that people do not read the web line by line like a book, they sweep their eyes to find points of interest (known as the F-pattern or Z-pattern). The feature Columns section is designed to fit this behavior exactly. When highlights are arranged as columns with prominent icons and short headings, the eye jumps easily from one column to the next, taking in the key information without reading every word.

This is why a feature Columns section is more powerful than writing highlights as a long paragraph. A long paragraph forces the eye to read line by line, which goes against scanning behavior, whereas columns split the information into chunks the eye can reach at once. Arranging information to match how people actually read helps your message reach readers effectively, which is the heart of user-centered design.

An example of writing a good feature Columns section

To picture it, look at an example for a web design service site. Three columns might be: (1) icon ⚡, heading "Fast delivery", description "Get a ready-to-use site within 7 days, no long wait". (2) icon 🎨, heading "Design that fits", description "Customized to your brand, no off-the-shelf template". (3) icon 🛟, heading "Post-delivery care", description "Free fixes and support for 30 days after handover".

Notice each column has a meaningful icon, a short heading that states the highlight, and a one-sentence description that names a concrete benefit. All three are close in length for balance, and use language that emphasizes what the customer gets, not just a list of features. Writing this way lets readers grasp the value in a few seconds, which is the goal of a feature Columns section.

Common problems and how to fix them

The columns do not sit side by side

On mobile the columns stack vertically by design for easy reading, which is normal behavior. On desktop the columns sit side by side according to the number you chose.

The icon does not show

Check that you entered an emoji in the column's icon field. If you leave it blank, no icon shows, which is expected.

The columns look unbalanced

This may be because the descriptions differ a lot in length. Try adjusting them to be close in length for visual balance.

You want more than 3 columns

This section is designed to show 2 or 3 columns for readability and balance. If you have more highlights than that, consider splitting them into several sections or picking only the most important ones.

Best practices

• Write short headings and concise descriptions, preserving the purpose of quick scanning.
• Choose emoji icons whose meaning fits and are consistent in style.
• Choose a column count that reflects your real highlights, do not force it to a number.
• Keep each column's description close in length for balance.
• Place a CTA after the columns to lead readers to action once they have seen the highlights.

Wrapping up

A feature Columns section is a tool that helps summarize highlights or services so readers see and understand them quickly, ideal for answering "why choose us" in a concise space. With BlogKub you can build the columns section easily with no coding, showing highlights as 2 or 3 columns, each with a lightweight, meaningful emoji icon, a heading, and a description. You can add or remove columns, and it is responsive automatically. The keys to a columns section that works are being concise, keeping the icons consistent, and choosing a count that reflects your real highlights. Done right and paired with a CTA at the end, the columns section conveys your site's value clearly and leads readers to the next step.

Frequently asked questions (FAQ)

Part of the BlogKub feature guides, one article per feature covering the settings, the options and the problems people hit.