Loading...

Page Builder Working Editor

Add content blocks / elements

In the T4 Page builder page editor, you can drag and drop any content blocks to create sections for your page.

t4 Joomla page builder create new section

Header block : Header can be added in the T4 Pagte builder to add the Megamenu on your website via Blocks > Header > Add the Header block and configure the menu in it.

t4 Joomla page builder create new header  section

Add elements

You can insert an element to any place in a section or you can add a new section with an element.

t4 Joomla page builder element drag and drop

Inline editor: Page content update

To edit content, double click and use the inline editor to update content. The inline editor tool has basic typo settings for the text: text color, underline, add link.

t4 Joomla page builder content editor

Page tools

The topbar includes multiple tools for page: responsive view and settings, undo-redo, page HTML and CSS editor or the clear all page content.

t4 Joomla page builder content editor

Style settings

You can edit style for anything, it can be a single text, an image, a column or a section in the page using the style manager. Simply select the item and corresponding style settings for the item will be available for you to configure.

t4 Joomla page builder content editor

Google Font Settings

You can configure font for a whole page, a section for a paragraph. Follow the steps below:

#1: Google font setting: T4 Page builder supports the latest Google fonts, you can add the Google fonts you want to use. Access the Settings menu > Google fonts setting. Search the fonts you want to use and select styles then update.

Joomla page builder font settings

#2: Configure font for page

Access the Layer Manager menu and select Body to access to the page layer.

Joomla page builder layer settings

Now, access the menu Style Manager to configure typography for the page that includes font setting.

Joomla page builder font settings for page

#3: configure font for elements in the page. Select any text, section then open the Typography in the Style manager and configure font for the selected item.

Joomla page builder font configuration

Custom Font Settings

Custom Font: Latest Version of T4 Page builder supports Custom fonts.This will allow you to add custom fonts from external link or internal link on your website. Most preferred way to add the font is using the .css file of the font that will allow you to add all the font weights at the same time.

T4 Joomla page builder custom font configuration

templates/t4_blank/fonts/ptrootui/stylesheet.css

In case you want to add multiple font files extension. You can define it in a new line as example below

templates/t4_blank/fonts/ptrootui/PT_Root_UI_Bold-webfont.woff
templates/t4_blank/fonts/ptrootui/PT_Root_UI_Medium-webfont.woff

Click on save button once the font file url is added and it will save this as font selection option when you want to select a custom font.

T4 Joomla page builder custom font configuration

Page revisions

Revision settings

Access the T4 Page Builder configuration panel and configure the Revision option. You can enable, disable the feature or select to save 5 revisions.

Joomla page builder revisions

Manage page revisions

In the Page setting panel, you can access the Revision Manager, you can delete one or multiple revisions

Joomla page builder revisions

The updates you did on the page will be stored in different revisions and you can revert to previous revision anytime.

Joomla page builder revisions