1. Home
  2. Features
  3. Web Page Elements
  4. Grid Repeater Element
  5. Add Columns To Grid Repeater

How to add columns to the Grid Repeater in website blocks

You can easily change the number of Columns for the Grid Repeater used in a Block. Click on the blue Plus icon at the right side of the Grid Repeater, then select the number of columns from the drop-down list. You can choose both incrementing and decrementing numbers.
Learn more

Browse By Feature Categories

Web Page Elements
Supported Systems
Visual Page Editor
Design Elements
Media Libraries
Element Properties
Responsive
Animation Effects
Theme Settings
Contact Form
Header & Footer
Blog
E-Commerce
SEO
Custom Code
Application Features
Site & Page Properties
WordPress Widgets

Everything You Need To Create Your Free Website

Use our Website Builder to design and create websites without coding. Drag and drop anything you want, to any place you want it. The Website Creator automatically adapts your website for mobile to make it responsive. Choose from more than 15,000 customisable website templates.

Download for Windows Download for Mac

Related Features

Columns And Rows Properties

The Property Panel allows you to modify Element Properties. For example, you can change the Columns and Rows in one place for the Grid Repeater. To change the Columns and Rows, go to the Property Panels, and drag the corresponding sliders to change the property values.
Multi-Selection To Grid Repeater

You can convert multiply selected Elements to a Grid Repeater. It speeds up the development of Blocks like Features, Team, Testimonials, etc. Select multiple Elements, then click on the blue Plus icon on the left border. Next, select the Grid Repeater layout.

Box Hover Animation for Grid Repeater Items

Similar to the Group Element, you can animate Grid Repeater Items on Group (Item) Hover. At that, you can also Add the Hover Animation Effect to Items, and they will work together. Go to the Property Panel, down to the Animation On section, set both Hover, and Group Hover Animation Effects if needed.
Add Rows To Grid Repeater

Similar to adding Columns, you can increase and decrease the number of Rows by clicking the blue Plus icon at the bottom of the Grid Repeater. After you see the drop-down list, you can select the number of required rows. You can choose both incrementing and decrementing numbers.
Grid Repeater Item Gap

Using the Item Gap Property in the Property Panel, you can change the distance between Grid Repeater Elements. Select the Grid Repeater, go to the Property Panel, find the Item Gap property, and drag its slider to change the distance between the Grid Repeater Items.
Grid Repeater Item Colors

Using the Grid Repeater Element, you can apply different colors to its Items and contained Elements. For that, go to the Property Panel and switch All Items to Item in the "Apply Style To" section. Then set the Colors required for your web design idea
Grid Repeater To Carousel

Carousel Sliders are very popular in modern web design, and usually, Carousel Items have the same layout and item sets. In Nicepage, you can easily convert any Grid Repeater into a Carousel by clicking the switcher option in the Property Panel.

Free Templates with Grid Repeater Element

Get started with our best templates, great for any business. Create and customize them with our powerful and free website builder with no code. All templates are mobile-friendly and look excellent on any device.

How To Add Columns To The Grid Repeater

When you start building your site with the grid repeater element, it helps you optimize the page layout construction and set up the web design grids without unnecessary repetition. Suppose you created a beautiful group of elements with a responsive design. You can make the same group but in a column layout while losing no time. Using our Grid Repeater, you can select the group, then click the plus icon on the side, and the system will ask you how many columns you would like to add. For now, you can create up to 10 columns with the same text and images and add content to other duplicates after that. The column layout you made will have identical space between columns and column width, so you do not need to position every group manually.

Our page builder plugin provides a good user experience that optimizes the website design construction. Decide how many columns you need to present your content, and then customize the space between them and add content manually. Like WordPress hosting, you can add custom CSS features to your group that is a part of the column layout. The most important thing is that it makes it easy to create even the landing page layout based on how many columns you wish to place. Although less than 12 columns, you can integrate most of the vital content in them. It will greatly improve the user experience of your visitors and potential clients.

Like WordPress hosting, our web hosting services will provide a stable presence for your projects on the internet and all mobile devices. The landing page, which traditionally contains the contact email address and terms of service, also keeps the most important and recent information about your activity. Similar to how the WordPress page builder makes it easy, it is easy to create a beautiful design of the layout you wish to present. Learn how to add custom columns and to create the difference between the groups with columns and elements text and images in your columns by adding custom CSS features and unique content. Please provide your email address to discover how many new features are currently available in the latest version of our page builder.

Company
Product
Themes & Templates
Nicepage
Web Design