Resources

Elements

Overview

The Elements section is a collection of multiple sections built into one, providing a simple and intuitive interface for managing elements.

Installation & Activation

Elements can easily be downloaded from inside WordPress using PageLines Connect.

  1. Download the plugin from the Connect store. It will now appear in your 'Plugins' tab.
  2. Click 'Plugins', and find your Elements plugin (titled PageLines Section Elements).
  3. Click 'Activate' to be able to use the plugin inside your editor.
  4. Go to your PageLines Builder where you will now find Elements in the 'Basic' section.

Settings

As with all section, the Socialinks section includes the Standard Section Options such as padding/margin, background options and etc.

Element Format
Controls the layout of the section based on the option selected. There are three formats to choose from Masthead, Hero and Callout, all three can be used in reverse layout.

Header
Allows text input to display a header for your Elements section using the <h1>...</h1> tag.

Subheader
Optional subheader that appears below your header using the <h3>...</h3> tag.

Image
Add an image to Elements by either using the Upload option or selecting an image from the WordPress Media library.

Buttons
Elements supports two optional buttons that appear beneath the Subheader option.

  • Button URL: Enter the URL for the address you wish to the button to navigate to.
  • Button Text: Input text to label the button.
  • Button Color: Select from several color schemes.
  • Button Size: Select from four sizes such as Standard, Large, Small and Mini.
  • Open New Tab? Choose whether the button upon click opens in a new window/tab.

For button style examples, see the Button sections documentation.

Select Menu
Select a menu from the drop-down menu. The menu is positioned to the bottom of the Elements section and is optional.

Paragraph Text
A large text field where you can insert optional text to the Elements section, a basic WYSIWYG is included providing options for formatting the Elements text.

  • Bold, Italic, Underline
  • Select text alignment left, center or right
  • Control the tag that wrap the subheader, select between header tags <h1> to <h4> or <p> tag.

Toggle Raw Text, allows you to disable the built-in WYSIWYG and use raw text only.

Media Embed HTML
Enter rich media "embed" HTML in this field to add videos, etc.. (instead of an image).

Shortcode

The Elements section can be inserted into a page, post or widget using the shortcode below. This is used as a quick reference and we recommend including a unique ID.


[pl_section section="elements" id="Enter_Unique_Id_Here"]

On This Page