Style Manager Configuring Grid Systems

Configuring Grid Systems

What is a Grid System

A grid system is creates a unified and recognizable style for your publication by organizing your content in an effective way.

Setka Editor uses column grids — the basic grids in graphic design. These are often supplemented with horizontal rows constructed depending on your font size. Their configuration depends on the number of columns, margins and gutters.

Column grids help to develop design for a variety of devices: computers, tablet and mobiles. Columns provide necessary limitations that enable you to arrange the content efficiently and coherently.

Setka Editor provides 4 grid systems by default: with 6, 8, 10, and 12 columns.


How to add a grid system

You can add as many of your own grid systems as you like. To do it, click Add Grid System. Then specify the number of base columns, the gutter between them and the side margins (horizontal margins):


How to disable a grid system

In order to disable the grid, click on the arrow and select Disable. The the chosen grid will be removed from the Grid Systems section, but posts that use this grid system, will not lose their appearance.

Delete this grid system option will remove it completely.

You are not able to delete all grid systems — as at least one grid system is required for any post. 



How to edit a grid system

All settings of the grid system, except the number of columns, can be changed:


The number of columns cannot be changed — otherwise, posts that are using this grid system, will be losing their appearance.

Changes made, will automatically apply to all posts that use this grid system.


Auto and Limited content width

You are prompted to select either Auto or Limited widths, when adding a new grid system. This option is located under the Advanced spoiler.

Auto width fits 100% of your content container. The margin width remains constant, container size stays unchanged on window resize.

Limited width lets you set an exact maximum content width limit in pixels. Margins are fluid and fill all the available space between the container and post content's width, which keeps content in the center. Select a Limited grid system when you images overhanging the post width.