Any width any height

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.

[white_space height="40"]

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.

[toggle title="Get the code"]
[pre][printcode][white_space height="40"][/printcode][/pre]
[/toggle]

[yellowbox]

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!

An important thing to know though is that no abuse has been made using this shortcode in this theme, which means the theme’s elements(headers, paragraphs, service / testimonial / our team blocks, etc) are well spaced and the shortcode was rarely used in the demo pages.

[/yellowbox]
[white_space height="20"]

The Aquitaine / 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:

[aquitaine width="410"]

Text within random 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.

[/aquitaine]
[aquitaine_last width="180"]

Text within random width

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

[/aquitaine_last]
[break]

[toggle title="Get the code"]
[pre][printcode][aquitaine width="410"]
<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>
[/aquitaine]
[aquitaine_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>
[/aquitaine_last][/printcode][/pre]
[/toggle]

[yellowbox]

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 Aquitaine / any width shortcode always adds 40px to the right, with the exception of aquitaine_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 410px width, second one has 180px width and between them is 40px. So we have 410 + 180 + 40 = 630. The sum must not exceed 630px wide when you are using the shortcode on pages with sidebar and no more than 960px wide for full width pages.

[/yellowbox]
[white_space height="20"]

A great example where this shortcode has been is used is the default homepage slider where different kinds of text formatting is wrapped around the big graphics.

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!