Important!

Please note that our Legacy Themes have been replaced by new Thrive Theme Builder Themes. While our Legacy Themes are still functional, we are no longer actively developing them. Check out this course to find out how to switch your site to Thrive Theme Builder.

If you need to better organize the content of your website, be sure to read this article about the "Post List" element.

This shortcode is used to create responsive custom grids. Here's an example of what a "Custom Grid" can look like:

shortcode-grid-2

The grid is built one row at a time. In the example above, there are three rows of two features each.

In the default WordPress editor, click on the ThriveShortCodes button and select "Custom Grid" from the drop-down menu:

You will be shown the following options:

shortcode-grid-3

1) Number of Columns

Select how many columns you want to show in the row you are currently building.

2) Image Size

Choose one of three image sizes. Note that this is a responsive grid, so the image sizes are all relative and depend on the width of the page you are adding the grid to, as well as the size of the screen on your visitor's device.

3) Upload Images

For each column in the grid, select one image to show. Click on the "Select" button to open the WordPress media manager and either upload a new image or select an existing one.

Click on the "Insert" button and you'll see a shortcode like this in the editor:

[grid_one_half title='Your title here' img='image_url' size='medium']Your Content Here[/grid_one_half][grid_one_half_last title='Your title here' img='image_url' size='medium']Your Content Here[/grid_one_half_last]

You can now set the titles and content of each section in the grid by replacing the "Your Title Here" and "Your Content Here" filler texts with your own.

Note that you can add any kind of content to the content part of the "Custom Grid". However, it is recommended that you don't add anything except basic text and buttons, since adding other elements will make the feature grid look weird.

Important!

Please note that in order to use the Shortcodes as they are described in this article, you have to install the "Classic Editor" plugin. Check out this article to find out more about how to install and use the plugin.

Did this answer your question?