(855) 360-1465

Any height shortcode

Let’s start a demonstration with the simplier, any height shortcode that can be used to create extra space between blocks of content. In this case, I used 2 paragraphs:

Nostro imperdiet in vix, vim no enim facilis denique, per et nullam libris. His ex iracundia ullamcorper, movet doctus abhorreant sea id, ad his inani suscipit electram. Bonorum indoctum vis no. Qui ex autem eruditi voluptua.

Quo verterem similique no, quidam minimum duo at. Eos enim ipsum iuvaret ne, ius ad eripuit sanctus atomorum. Eu duo gubergren rationibus. At his dicant tamquam, sit case omittam ne. Ullum omittantur in sed, tibique signiferumque nec ne.

Get the code
[white_space height="40"]
As you can see, the shortcode is indeed really easy to use. Just insert the number of pixels you want your empty container to have on its height and that's it!

Any width shortcode


The name of this special shortcode basically bears the name of theme itself. In short, you can simply create 1, 2, 3, etc divs and assign them any width you like. Here is a demonstration:

Text within any width

Ex audiam aperiam has. Eu minim integre apeirian eam, magna nominavi vis at. Odio consectetuer sed ea. Per viderer integre te, vis an decore laudem. Copiosae persequeris mei cu. Ad mei amet quas ridens, id esse periculis has, salutatus instructior nec et.

Text within any width

Ex audiam aperiam has. Eu minim integre apeirian eam, magna nominavi vis at. Odio consectetuer sed ea.

Get the code
[anywidth width="420"]
<h6>Text within random width</h6>
<p>Ex audiam aperiam has. Eu minim integre apeirian eam, magna nominavi vis at. Odio consectetuer sed ea. Per viderer integre te, vis an decore laudem. Copiosae persequeris mei cu. Ad mei amet quas ridens, id esse periculis has, salutatus instructior nec et.</p>
[/anywidth]
[anywidth_last width="180"]
<h6>Text within random width</h6>
<p>Ex audiam aperiam has. Eu minim integre apeirian eam, magna nominavi vis at. Odio consectetuer sed ea. Per viderer integre te.</p>
[/anywidth_last]

Now remember, to successfully use this shortcode with 2 or more blocks of text one after the other, you must do some calculations. Page with sidebar has a content of 630px width and full width pages have 960px. The anywidth shortcode always adds 40px to the right, with the exception of anywidth_last that is meant to be the last to be used.

Let's take as an example the above dimensions that were used to create 2 different blocks. First block has 420px width, second one has 180px width and between them is 40px. So we have 420 + 180 + 40 = 640. The sum must not exceed 640px wide when you are using the shortcode on pages with sidebar and no more than 960px wide for full width pages.

With this powerful tool in your hands, you can basically structure your content the way you like: you can come with 3, 4, even 5 columns, all of them with different width to create a unique page layout. Remember, only sky is the limit!