Get started with the Grid Shortcodes plugin

How does it work?

To use this plugin in your Posts/Pages and custom types you will need to create rows and add columns to them using the below shortcodes. The following example shows you how to have three columns side by side.

Creating a row using GDC_row

[GDC_row][/GDC_row]

Adding columns using GDC_column

[GDC_row]
[GDC_column size="third"]
Your content here
[/GDC_column]
[GDC_column size="third"]
Your content here
[/GDC_column]
[GDC_column size="third"]
Your content here
[/GDC_column]
[/GDC_row]

Available sizes

– half
– third
– two-thirds
– quarter
– three-quarters

Examples

TWO HALVES

[GDC_row]
[GDC_column size="half"]
Your content here
[/GDC_column]
[GDC_column size="half"]
Your content here
[/GDC_column]
[/GDC_row]

THREE THIRDS

[GDC_row]
[GDC_column size="third"]
Your content here
[/GDC_column]
[GDC_column size="third"]
Your content here
[/GDC_column]
[GDC_column size="third"]
Your content here
[/GDC_column]
[/GDC_row]
[GDC_row]
[GDC_column size="third"]
Your content here
[/GDC_column]
[GDC_column size="two-thirds"]
Your content here
[/GDC_column]
[/GDC_row]

TWO THIRDS & ONE THIRD

[GDC_row]
[GDC_column size="two-thirds"]
Your content here
[/GDC_column]
[GDC_column size="third"]
Your content here
[/GDC_column]
[/GDC_row]

FOUR QUARTERS

[GDC_row]
[GDC_column size="quarter"]
Your content here
[/GDC_column]
[GDC_column size="quarter"]
Your content here
[/GDC_column]
[GDC_column size="quarter"]
Your content here
[/GDC_column]
[GDC_column size="quarter"]
Your content here
[/GDC_column]
[/GDC_row]

ONE HALF & TWO QUARTERS

[GDC_row]
[GDC_column size="half"]
Your content here
[/GDC_column]
[GDC_column size="quarter"]
Your content here
[/GDC_column]
[GDC_column size="quarter"]
Your content here
[/GDC_column]
[/GDC_row]

TWO QUARTERS & ONE HALF

[GDC_row]
[GDC_column size="quarter"]
Your content here
[/GDC_column]
[GDC_column size="quarter"]
Your content here
[/GDC_column]
[GDC_column size="half"]
Your content here
[/GDC_column]
[/GDC_row]

THREE QUARTERS & ONE QUARTER

[GDC_row]
[GDC_column size="three-quarters"]
Your content here
[/GDC_column]
[GDC_column size="quarter"]
Your content here
[/GDC_column]
[/GDC_row]

ONE QUARTER & THREE QUARTERS

[GDC_row]
[GDC_column size="quarter"]
Your content here
[/GDC_column]
[GDC_column size="three-quarters"]
Your content here
[/GDC_column]
[/GDC_row]

I have empty paragraphs/spaces inside my columns

The easiest way to solve this issue is to add the shortcode in HTML mode.

Get more help

If you need more help, please submit a request, we’ll help you.