Create a level2 element — Vertical Layout, Overlay Layout

OnePage Tutorial

OnePage is a Joomla extension created for building responsive landing page.It helps users reduce coding repeatedly and simplify all the flow. For more information, please visit our site.

Level 2 elements is divided into two parts, group layout and content element. They are like bookshelf and books.Imagine there are 100 books in the bedroom here and there, it messes up! However, if you put them into the bookshelf, the bedroom becomes tidy instantly. This is the job Group Layout does.

Vertical Layout

Sometimes “Item” can not fit your requirement because you want several images displayed together.

There are two level3 Item under the vertical layout.
We upload two images!

You don’t need to set Minimum height if there is not a specific reason.

You can customise the style in CSS Editor with code below:

.op-vertical {}

Overlay Layout

Overlay layout is the same as “Section”.

We have used a lot in Demo5, (YeBo Template).

You upload a background image in “Overlay” Parameter, then create a Level3 element — Item, Upload the image again, done.

The left is the effect the Overlay layout can makes.

You can customise the style in CSS Editor with code below:

.op-overlay { /*— The Bottom Layer, Background —*/ }
.op-overlay-top {/*— The Top Layer—*/}

That’s all!

Thanks for your reading