Full Width Page
We’ll be showcasing 2 things; grid and content separators.
Both is available via built-in shortcodes and you just gonna be amazed how easy is to work with!
I’m one half. Great!
Pellentesque dapibus posuere mi sed molestie. Proin iaculis nisl facilisis lacus rhoncus condimentum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
I’m the second half
Pellentesque dapibus posuere mi sed molestie. Proin iaculis nisl facilisis lacus rhoncus condimentum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Whoah, I became a first!
Proin cursus risus lectus, vitae tincidunt metus laoreet semper. Vivamus ipsum turpis, tristique sit amet tortor sit amet, lobortis imperdiet tortor. Praesent vel blandit lorem.
I have a bunch of text
Proin cursus risus lectus, vitae tincidunt metus laoreet semper. Vivamus ipsum turpis, tristique sit amet tortor sit amet, lobortis imperdiet tortor. Praesent vel blandit lorem. Interdum et malesuada fames ac ante ipsum primis in faucibus.
I’m the last kid
Proin cursus risus lectus, vitae tincidunt metus laoreet semper. Vivamus ipsum turpis, tristique sit amet tortor sit amet, lobortis imperdiet tortor. Shit.
Getting narrower…
Vestibulum est velit, dapibus vestibulum neque sed, tincidunt vestibulum quam. Curabitur fringilla volutpat sem, eu elementum turpis eleifend id.
Stretched totally
Proin iaculis nisl facilisis lacus rhoncus condimentum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc cursus neque at malesuada tempor. Proin cursus risus lectus, vitae tincidunt metus laoreet semper.
Shorter one…
Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc cursus neque at malesuada tempor.
Golden middle
Vestibulum est velit, dapibus vestibulum neque sed, tincidunt vestibulum quam. Curabitur fringilla volutpat sem, eu elementum turpis eleifend id malesuada tempor.
It’s like 1/3
Vestibulum est velit, dapibus vestibulum neque sed, tincidunt vestibulum quam. Curabitur fringilla volutpat sem, eu elementum turpis eleifend id malesuada tempor.
…and 2/3 bro
Vestibulum est velit, dapibus vestibulum neque sed, tincidunt vestibulum quam. Curabitur fringilla volutpat sem, eu elementum turpis eleifend id malesuada tempor. Vestibulum est velit, dapibus vestibulum neque sed, tincidunt vestibulum quam. Curabitur fringilla volutpat sem, eu elementum turpis eleifend id malesuada tempor.
Wider 2/3 col
Vestibulum est velit, dapibus vestibulum neque sed, tincidunt vestibulum quam. Curabitur fringilla volutpat sem, eu elementum turpis eleifend id malesuada tempor. Vestibulum est velit, dapibus vestibulum neque sed, tincidunt vestibulum quam. Curabitur fringilla volutpat sem, eu elementum turpis eleifend id malesuada tempor.
…and 1/3 bro
Vestibulum est velit, dapibus vestibulum neque sed, tincidunt vestibulum quam. Curabitur fringilla volutpat sem, eu elementum turpis eleifend id malesuada tempor.
Holy guacamole, but that’s not all! You can create custom rows and columns, with an offset, nested, equal height content blox, nice and tidy. Shortcodes? Of course.
3 cols wide
Duis sodales eget nisl vitae lobortis. Nunc auctor nec nulla eget mattis. Phasellus ultrices libero id sapien congue aliquam. Aliquam elementum lacinia massa eu rhoncus. Maecenas a vehicula magna. Fusce nec felis consectetur, eleifend nibh at, iaculis odio.
7 cols wide
Duis sodales eget nisl vitae lobortis. Nunc auctor nec nulla eget mattis. Phasellus ultrices libero id sapien congue aliquam. Aliquam elementum lacinia massa eu rhoncus. Sed faucibus ligula id sollicitudin lobortis. Mauris cursus gravida lacus, et congue eros. Quisque neque neque, rutrum vitae augue id, tincidunt euismod lectus.
Morbi eu felis lectus. Ut quis enim ut arcu ultricies sollicitudin. Proin lorem arcu, ullamcorper eu mollis sit amet, vestibulum blandit nisi libero id sapien congue aliquam.
2 cols wide
Duis sodales eget nisl vitae lobortis. Nunc auctor nec nulla eget mattis. Phasellus ultrices libero id sapien congue aliquam. Aliquam elementum lacinia massa eu rhoncus.
Damn, I’m 5 cols wide!
Vestibulum est velit, dapibus vestibulum neque sed, tincidunt vestibulum quam. Curabitur fringilla volutpat sem, eu elementum turpis eleifend id malesuada tempor.
5 cols wide too + 2 cols offset
Vestibulum est velit, dapibus vestibulum neque sed, tincidunt vestibulum quam. Curabitur fringilla volutpat sem, eu elementum turpis eleifend id malesuada tempor.
Whoah, look at me!
I’m 6 columns wide with an offset of 3 which makes me totally centered.
Fusce et tincidunt lorem, non mattis lacus. Phasellus nunc felis, rhoncus quis gravida quis, laoreet id odio. Donec ultrices vel lorem nec congue. Morbi est mi, rutrum ut augue at, tincidunt fermentum felis. Integer odio eros, pulvinar quis suscipit nec, commodo ut ligula. Suspendisse imperdiet felis non semper suscipit. Fusce est augue, lobortis sit amet sagittis quis, bibendum et tortor. Nullam elementum neque felis, eu malesuada mauris vulputate luctus.
I’m 3 cols wide
Fusce est augue, lobortis sit amet sagittis quis, bibendum et tortor. Nullam elementum neque felis, eu malesuada mauris vulputate luctus.
And I’m 4
Integer odio eros, pulvinar quis suscipit nec, commodo ut ligula. Suspendisse imperdiet felis non semper suscipit. Fusce est augue, lobortis sit amet sagittis quis, bibendum et tortor. Nullam elementum neque felis, eu malesuada mauris vulputate luctus.
The rest is 3 again
Donec ultrices vel lorem nec congue. Morbi est mi, rutrum ut augue at, tincidunt fermentum felis. Integer odio eros, pulvinar quis suscipit nec, commodo ut ligula.