Shortcodes

Columns

[zilla_column column= »one-half »]Half-width column. Typography in this area is consistent with the blog posts, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/zilla_column]

[zilla_column column= »one-half » last= »true »]Half-width column. Typography in this area is consistent with the blog posts, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [/zilla_column]

[zilla_column column= »one-third »]Third-width column. Typography in this area is consistent with the blog posts, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/zilla_column]

[zilla_column column= »one-third »]Third-width column. Typography in this area is consistent with the blog posts, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/zilla_column]

[zilla_column column= »one-third » last= »true »]Third-width column. Typography in this area is consistent with the blog posts, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/zilla_column]

[zilla_column column= »one-fourth »]Quarter-width column. Typography in this area is consistent with the blog posts, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.[/zilla_column]

[zilla_column column= »one-fourth »]Quarter-width column. Typography in this area is consistent with the blog posts, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.[/zilla_column]

[zilla_column column= »one-fourth »]Quarter-width column. Typography in this area is consistent with the blog posts, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.[/zilla_column]

[zilla_column column= »one-fourth » last= »true »]Quarter-width column. Typography in this area is consistent with the blog posts, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.[/zilla_column]


Buttons

[zilla_column column= »one-sixth »] [/zilla_column]

[zilla_column column= »two-third » last= »true »]

This theme gives you the ability to choose your own accent colour in the WordPress Customizer. Apply that colours to your buttons by using style="accent" in the shortcode, or add style="border" to get a border button as seen below.

[/zilla_column]

[zilla_button url= »# » style= »grey » size= »small » type= »round » target= »_self »] Grey [/zilla_button] [zilla_button url= »# » style= »black » size= »small » type= »round » target= »_self »] Black [/zilla_button] [zilla_button url= »# » style= »green » size= »small » type= »round » target= »_self »] Green [/zilla_button] [zilla_button url= »# » style= »light-blue » size= »small » type= »round » target= »_self »] Light Blue [/zilla_button] [zilla_button url= »# » style= »blue » size= »small » type= »round » target= »_self »] Blue [/zilla_button] [zilla_button url= »# » style= »red » size= »small » type= »round » target= »_self »] Red [/zilla_button] [zilla_button url= »# » style= »orange » size= »small » type= »round » target= »_self »] Orange [/zilla_button] [zilla_button url= »# » style= »purple » size= »small » type= »round » target= »_self »] Purple [/zilla_button] [zilla_button url= »# » style= »accent » size= »small » type= »round » target= »_self »] Accent [/zilla_button] [zilla_button url= »# » style= »border » size= »small » type= »round » target= »_self »] Border [/zilla_button]
[zilla_button url= »# » style= »grey » size= »medium » type= »round » target= »_self »] Grey [/zilla_button] [zilla_button url= »# » style= »black » size= »medium » type= »round » target= »_self »] Black [/zilla_button] [zilla_button url= »# » style= »green » size= »medium » type= »round » target= »_self »] Green [/zilla_button] [zilla_button url= »# » style= »light-blue » size= »medium » type= »round » target= »_self »] Light Blue [/zilla_button] [zilla_button url= »# » style= »blue » size= »medium » type= »round » target= »_self »] Blue [/zilla_button] [zilla_button url= »# » style= »red » size= »medium » type= »round » target= »_self »] Red [/zilla_button] [zilla_button url= »# » style= »orange » size= »medium » type= »round » target= »_self »] Orange [/zilla_button] [zilla_button url= »# » style= »purple » size= »medium » type= »round » target= »_self »] Purple [/zilla_button] [zilla_button url= »# » style= »accent » size= »medium » type= »round » target= »_self »] Accent [/zilla_button] [zilla_button url= »# » style= »border » size= »medium » type= »round » target= »_self »] Border [/zilla_button]
[zilla_button url= »# » style= »grey » size= »large » type= »round » target= »_self »] Grey [/zilla_button] [zilla_button url= »# » style= »black » size= »large » type= »round » target= »_self »] Black [/zilla_button] [zilla_button url= »# » style= »green » size= »large » type= »round » target= »_self »] Green [/zilla_button] [zilla_button url= »# » style= »light-blue » size= »large » type= »round » target= »_self »] Light Blue [/zilla_button] [zilla_button url= »# » style= »blue » size= »large » type= »round » target= »_self »] Blue [/zilla_button] [zilla_button url= »# » style= »red » size= »large » type= »round » target= »_self »] Red [/zilla_button] [zilla_button url= »# » style= »orange » size= »large » type= »round » target= »_self »] Orange [/zilla_button] [zilla_button url= »# » style= »purple » size= »large » type= »round » target= »_self »] Purple [/zilla_button] [zilla_button url= »# » style= »accent » size= »large » type= »round » target= »_self »] Accent [/zilla_button] [zilla_button url= »# » style= »border » size= »large » type= »round » target= »_self »] Border [/zilla_button]

[zilla_button url= »# » style= »grey » size= »small » type= »square » target= »_self »] Grey [/zilla_button] [zilla_button url= »# » style= »black » size= »small » type= »square » target= »_self »] Black [/zilla_button] [zilla_button url= »# » style= »green » size= »small » type= »square » target= »_self »] Green [/zilla_button] [zilla_button url= »# » style= »light-blue » size= »small » type= »square » target= »_self »] Light Blue [/zilla_button] [zilla_button url= »# » style= »blue » size= »small » type= »square » target= »_self »] Blue [/zilla_button] [zilla_button url= »# » style= »red » size= »small » type= »square » target= »_self »] Red [/zilla_button] [zilla_button url= »# » style= »orange » size= »small » type= »square » target= »_self »] Orange [/zilla_button] [zilla_button url= »# » style= »purple » size= »small » type= »square » target= »_self »] Purple [/zilla_button] [zilla_button url= »# » style= »accent » size= »small » type= »square » target= »_self »] Accent [/zilla_button] [zilla_button url= »# » style= »border » size= »small » type= »square » target= »_self »] Border [/zilla_button]
[zilla_button url= »# » style= »grey » size= »medium » type= »square » target= »_self »] Grey [/zilla_button] [zilla_button url= »# » style= »black » size= »medium » type= »square » target= »_self »] Black [/zilla_button] [zilla_button url= »# » style= »green » size= »medium » type= »square » target= »_self »] Green [/zilla_button] [zilla_button url= »# » style= »light-blue » size= »medium » type= »square » target= »_self »] Light Blue [/zilla_button] [zilla_button url= »# » style= »blue » size= »medium » type= »square » target= »_self »] Blue [/zilla_button] [zilla_button url= »# » style= »red » size= »medium » type= »square » target= »_self »] Red [/zilla_button] [zilla_button url= »# » style= »orange » size= »medium » type= »square » target= »_self »] Orange [/zilla_button] [zilla_button url= »# » style= »purple » size= »medium » type= »square » target= »_self »] Purple [/zilla_button] [zilla_button url= »# » style= »accent » size= »medium » type= »square » target= »_self »] Accent [/zilla_button] [zilla_button url= »# » style= »border » size= »medium » type= »square » target= »_self »] Border [/zilla_button]
[zilla_button url= »# » style= »grey » size= »large » type= »square » target= »_self »] Grey [/zilla_button] [zilla_button url= »# » style= »black » size= »large » type= »square » target= »_self »] Black [/zilla_button] [zilla_button url= »# » style= »green » size= »large » type= »square » target= »_self »] Green [/zilla_button] [zilla_button url= »# » style= »light-blue » size= »large » type= »square » target= »_self »] Light Blue [/zilla_button] [zilla_button url= »# » style= »blue » size= »large » type= »square » target= »_self »] Blue [/zilla_button] [zilla_button url= »# » style= »red » size= »large » type= »square » target= »_self »] Red [/zilla_button] [zilla_button url= »# » style= »orange » size= »large » type= »square » target= »_self »] Orange [/zilla_button] [zilla_button url= »# » style= »purple » size= »large » type= »square » target= »_self »] Purple [/zilla_button] [zilla_button url= »# » style= »accent » size= »large » type= »square » target= »_self »] Accent [/zilla_button] [zilla_button url= »# » style= »border » size= »large » type= »square » target= »_self »] Border [/zilla_button]


UI Elements

[zilla_alert style= »white »] Hey! Lorem ipsum dolor sit amet! [/zilla_alert]
[zilla_alert style= »grey »] By the way! Lorem ipsum dolor sit amet! [/zilla_alert]
[zilla_alert style= »yellow »] Attention! Lorem ipsum dolor sit amet! [/zilla_alert]
[zilla_alert style= »red »] Error! Lorem ipsum dolor sit amet! [/zilla_alert]
[zilla_alert style= »green »] Success! Lorem ipsum dolor sit amet! [/zilla_alert]


[zilla_tabs][zilla_tab title= »Moby Dick »]You said up there, didn’t you? and now look yourself, and see where your tongs are pointing. But, perhaps you expect to get into heaven by crawling through the lubber’s hole, cook; but, no, no, cook, you don’t get there, except you go the regular way, round by the rigging. It’s a ticklish business, but must be done, or else it’s no go. But none of us are in heaven yet. Drop your tongs, cook, and hear my orders. Do ye hear?[/zilla_tab][zilla_tab title= »Alice in Wonderland »]Alice was not a bit hurt, and she jumped up on to her feet in a moment: she looked up, but it was all dark overhead; before her was another long passage, and the White Rabbit was still in sight, hurrying down it. There was not a moment to be lost: away went Alice like the wind, and was just in time to hear it say, as it turned a corner, ‘Oh my ears and whiskers, how late it’s getting!’ She was close behind it when she turned the corner, but the Rabbit was no longer to be seen: she found herself in a long, low hall, which was lit up by a row of lamps hanging from the roof.[/zilla_tab][/zilla_tabs]


[zilla_toggle title= »Around the World in 80 Days » state= »open »]Several hours passed. The weather was dismal, and it was very cold. Fix sat motionless on a bench in the station; he might have been thought asleep. Aouda, despite the storm, kept coming out of the waiting-room, going to the end of the platform, and peering through the tempest of snow, as if to pierce the mist which narrowed the horizon around her, and to hear, if possible, some welcome sound. She heard and saw nothing. Then she would return, chilled through, to issue out again after the lapse of a few moments, but always in vain.[/zilla_toggle][zilla_toggle title= »At the Earth’s Core » state= »closed »]Not at all, David. For two hundred and fifty miles our prospector bore us through the crust beneath our outer world. At that point it reached the center of gravity of the five-hundred-mile-thick crust. Up to that point we had been descending—direction is, of course, merely relative.[/zilla_toggle]