Elementor Simple Features Section

This Elementor simple features section places a heading and a short intro above six text-only features in a three-column grid. Simple Features is a free, responsive block shared as a JSON file and built only with native Elementor widgets.

What's Inside the Block

• A heading group on the left with an H2 title ("Run Your Whole Shop") and a gray intro paragraph, up to 42 rem wide.
• Six features in a grid of 3 columns and 2 rows, with 2 rem between columns and 4 rem between rows.
• Each feature has an H3 title in navy (#101828) and a gray description (#4A5565), with a small 0.25 rem gap between them.
• Text only, with no icons or images, so the block fits almost any style.
• Inter font on a white background. On tablet the grid has 2 columns, and on mobile it has 1 column.

Tip: Keep every description about the same length so the rows look even. Start each title with the benefit, such as "Quick Shipping" or "Order Tracker", and keep the description to two or three short sentences.

Requirements

• A recent version of Elementor with Flexbox Container and Grid Container available.
• No Elementor Pro required.
• The Inter font available on your site (otherwise a fallback font is used).
• Your own text for the heading and the six features.

Note: The sample text is placeholder copy about an online shop, so replace it with your own. The grid has a fixed number of rows (2 on desktop, 3 on tablet, 6 on mobile), so raise the Rows value if you add more features. The tablet and mobile widths use a custom value (min(100%, 42rem)), which an older version of Elementor may ignore. Back up your page before importing a template into an existing layout.

Download Elementor Template (JSON)

Widgets Used

Element	Purpose	Pro?
Flexbox Container	Outer section, heading group, and feature boxes (8 in total)	No
Grid Container	Three-column grid that holds the six features (1 in total)	No
Heading	Section title, intro, feature titles, and descriptions (14 in total)	No

Frequently Asked Questions

How do I import this Elementor JSON template?

First, download the JSON file using the button above and don't unzip or edit it. Second, open your WordPress dashboard, go to Templates, and choose Saved Templates. Third, click Import Templates, select the JSON file, and wait until the template appears in the list.

Fourth, open the page you want to edit with Elementor and click the folder icon to open the template library. Fifth, open the My Templates tab, choose this template, and click Insert. The block is added to your page and can be edited like any other Elementor container.

How do I change the heading and the intro text?

Click the heading or the paragraph under it and type your own text. Both are Heading widgets: the title uses the H2 tag and the intro uses the P tag. To change colors or sizes, select the widget and open the Style tab.

How do I edit a feature's title and description?

Each feature is a small container with two Heading widgets. The title uses the H3 tag and the description uses the P tag. Click either one and type your own text.

How do I add or remove a feature?

Duplicate one feature container inside the grid to add a feature, or delete one to remove it. The grid is set to 3 columns and 2 rows on desktop, so a multiple of three keeps the last row full. If you add more than six features, open the grid container's Layout settings and raise the Rows value so the new items have room.

How does the layout change on tablet and mobile?

On desktop the features sit in 3 columns. On tablet they move to 2 columns, and on mobile they stack in 1 column. The side padding is reduced from 2 rem to 1.5 rem, and the top and bottom padding is reduced from 8 rem to 6 rem on mobile. The heading font size also drops from 3 rem to 2.25 rem on mobile.

Why is the heading on the left on desktop but centered on tablet?

The outer container aligns its content to the left on desktop and to the center on tablet and mobile. The heading group and the grid both have a maximum width of 42 rem on those screens, so the lines stay easy to read. To keep everything on the left, change the outer container's Align Items value for tablet and mobile.

How do I add icons to the features?

The block is text only. To add an icon, drag an Icon widget into a feature container above the H3 title and repeat it for the other five. The container stacks its widgets in a column, so the icon will sit above the title automatically.

Why do the features start at the top of each row?

The grid aligns its items to the start, so a feature with shorter text doesn't stretch to match its neighbor. If you want every box to be the same height, select the grid container and change its Align Items value to Stretch.

Do I need Elementor Pro?

No. The block only uses native Heading widgets inside Flexbox and Grid containers.

Why won't the file import?

Make sure the file has a .json extension and hasn't been unzipped or edited. If it still fails, check your hosting upload size limit or any security plugin that may block file uploads.

Why do the Flexbox or Grid settings look different or missing?

Update Elementor to the latest version. On older versions, the Flexbox Container and Grid Container features may need to be enabled first in Elementor's feature settings.

Why does the font look different?

The block uses the Inter font. If it isn't available on your site, change the font family in the Style tab of each widget.

Looking for more feature sections? Browse all Elementor features section templates, or see every free block in Elementor Templates.