• 8:00 am to 10:00 pm

Talk to us now

+63 976 052 8909

Visit our office

Araneta Center - Cubao

Send us an email

info@zoenixasia.com

We are open all day

8:00 am to 10:00 pm daily

Shortcodes

Column Blocks

Column grid is a robust layout that is both responsive and nestable. It can accomodate upto 10 columns by using pre-defined widths. The columns are fully responsive in all devices. The following table shows an overview of the shortcode sizes you can use to create columns:

ClassDescription
[column size="1-1"] Fills 100% of the available width.
[column size="1-2"] Divides the grid into halves.
[column size="1-3"] to [column size="2-3"] Divides the grid into thirds.
[column size="1-4"] to [column size="3-4"] Divides the grid into fourths.
[column size="1-5"] to [column size="4-5"] Divides the grid into fifths.
[column size="1-6"] to [column size="5-6"] Divides the grid into sixths.
[column size="1-10"] to [column size="9-10"] Divides the grid into tenths.
[grid_column size="4"] Divides the elements of a grid into the number of columns specified in the size attribute. e.g. in this case the grid will be divided into four. Options for the size attribute are 1, 2, 3, 4, 6 and 10.

Examples

One half

Tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

One half

Tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

One third

Tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

One third

Tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

One third

Tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

One fourth

Tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

One fourth

Tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

One fourth

Tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

One fourth

Tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Two tenth

Tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

five tenth

Tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. At vero eos et accusam et justo duo dolores et ea rebum.

Three tenth

Tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores.

markup
[grid]
   [column size="1-3"]
      your content here
   [/column]

   [column size="1-3"]
      your content here
   [/column]

   [column size="1-3"]
      your content here
   [/column]
[/grid]

[grid_column size="3"]
   [block style=""]
      your content here
   [/block]

   [block style=""]
      your content here
   [/block]

   [block style=""]
      your content here
   [/block]
[/grid_column]

note

To add a nested grid (grid within a grid,) use the [child_grid] shortcode

markup

[grid]
   [child_grid]
      ...
   [/child_grid]
[/grid]

logo

Monkejarl IT Direct.
Araneta Center, Cubao
Hansel Arcade | Aurora Blvd,
4th Floor, Center Wing

+63 976 052 8909
info@monkejarl.com
support@monkejarl.com

Recent Posts

Our Values

Make your life easier through our latest and most advanced online integrations and newest trends.

Let reality be reality. This is the future. The future has the latest in Internet technology to make lives easier.

Copyright © Monkejarl.com