To add new item press the Add Item button.Īccess the item settings by clicking the 'Gears' button.

CSS Class - you can apply a particular CSS style to the addon.

Footer Text - enter the text to display at the bottom of the addon area.

Header Text - specify the text you want to display as the heading.

Choice column custom block - set the number of columns to display in the addon area.

Select Layout - choose the layout for the addon.

Title - add some description to the addon (for internal reference only).

Admin Label - enter the addon title (for internal reference only).

Let's see the addon settings: General tab You can add the link to any page or category, you can set the custom link, as well. You can use this addon to display Banners with all the essential information on it. To edit the addon tap the extension area (the addon area will be highlighted) or click the 'Edit Addon' button. To add the new addon just select the extension you want to display and pit it into the right position on the page using the Drag&Drop functionality of the Frontend Editor. To access the addon display setting tap Edit Addon. Open the column settings (click the Column Options).Ĭonfigure the selected addon as you want it to display and save the setting. The screen width equals to 14, so if you want to add 2 columns, you need to enter 6+6. To add 3 columns, type 4+4+4 and press Generate. The rows and addons can be organized in columns.

Add the Section Title, set the Padding, Text Color and Background Image.

To add the new row, click the ' Column Options' button and tab Add New Row. Open the Page you want to add the row to and scroll down to the bottom of the page.Ĭlick the button and select column structure. Press the Edit Page and move to the section you want to modify. Hover on the element you want to change and click the Edit button. Tab the Frontend Editor button at the top.Įnter the Username and Password you use to access your website admin > click LOG IN. Press on the Frontend Editor button at the page you want to edit. There are several ways to open the Frontend Editor:ġ. In order to edit the existing page, tap the page title. You can build and configure your website right from Admin Panel or Front-end using the Live Editor.Ĭreate your page layouts, add addons and arrange them in any way you like. SP Page Builder SP Page Builder is a Drag & Drop builder for Joomla websites.

Sp page builder addons