Any width any height

Just like title says, the theme has the capacity to create containers of any width and any height you wish. Even though the any height shortcode is just to create free space between your blocks of information, the any width shortcode is used to adjust the width of blocks of information.

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! 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.

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:

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.

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.

Get the code
[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]
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.

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!