Create a level3 element — Item — OnePage Tutorial

Create a level3 element — Item

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.

Here’s the default style of Item Element.

Item is the most basic element in OnePage Design. It includes two parts, Image and Html. Meanwhile, these two thing is very important in a page.

Let’s begin to create the element in the backend.

Click the **Select File** to choose the image, then save!

Click this link, you can know detail about Image Class, or just try it!

Now Add something in the editor, save.

Preview it in the front end, you could see the page like below:

Advanced

If you think the image is small, you can add the Click Event.

Select Popup, you can also add the caption shown under the image in popup view.

Template

After Version 1.4.2, we start to create some useful template and reduce parameters so that users create the effect they like more easily.

If you intend to show text part only, select the Text Only, otherwise, you can select Image Only, so easy!

For the Carousel Item, we’ll mention it in the Carousel Tutorial.

Css Style

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

.opimage img {/*— Image —*/}

.ophtml {/*— Html Content —*/}

That’s all! If you have any idea about improving our product or document, drop us a line in our website.

Thanks for your reading.

AD.

If you are looking design goods, please check this site(Creative Market) to have a look.

OnePage Tutorial

Written by tasi

Email me when OnePage Tutorial publishes stories