

Hover over your row and click the Edit Row Options (the pen icon). Rows are just as important as columns, and you can change the style of them too. The Edit Column Options button Edit rows options In the window that opens, change the look and feel of each column by choosing between Simple, Highlighted, or Feature Box. Select your column and click on the Edit Column Options button. You can play around with each column’s look and make the content shine. If you want your content to be stretched on one single line (or row), please remove all the columns until you have just one left: Create full-width row Edit columns options By the way, each row is set up to fill the width of the page. You might face situations where you need to add a full-width row inside your content. Now you have a new row where you can add or remove the number and content of the columns. You can easily add a new one to your page by going to the end of the current row and pressing the Add Row button again. Watch this video to see how you can make it happen: Change column width Add a new rowĪ complex grid content is made out of multiple rows. To do that, you need to drag each column and set its size. With Gridable, switching the width of the columns is now easier than ever. Here’s a short video to assist you: Create and remove columns Change columns width If you find that there are too many columns in the row, press the minus sign. If you want to have columns with the same width, you should have two, three, four, six, or 12 columns on the same row. You can play with it to adjust the number with ease.Īs said, you can have up to 12 columns in a single row.
Gridable drawings plus#
If you plan on using more, just click the plus sign in the Columns section of the grid toolbar.

Once you add a new row to the grid, you automatically get two columns. Check this video to get a better understanding: Add and remove rows Create columns If you want to remove the row, click inside one of the columns and press the Remove Row button in the top toolbar. This action will add a two-column row on your page. To create a new row in your grid, just press the Add Row button next to the Add Media button. Rows make the whole content grid, and each one can contain up to 12 columns. You can start by simply experimenting with how it works to discover its enormous potential. Gridable is an in-house tool that allows you to create a flexible and fully responsive grid in no time.
