Monstroid2

Power Builder Modules

Power Builder Modules allow you to embed different blocks containing Accordion, Posts, Blurbs, Sliders etc. right to your website page. The modules represent the variety of components that can be added with the help of Power Builder to yor website.They contain different options to choose, and can be set in accordance to your site’s needs.Versatile advanced customization options provide help to anyone who wants to create attractive website content.

Accordion

This module allows you to add an accordion to the website. It will be a perfect solution when you need to display multiple items within a vertical list and save space on a single page.

Module Options:

• title

  the toggle title will appear above the content and when the toggle is closed;

• content

  here you can define the content that will be placed within the current tab;

• disable on

  this will disable the module on selected devices;

• admin Label

  this will change the label of the module in the builder for easy identification.

Audio

Add audio files and audio player to the pages. It can be used for music sites when it is needed to showcase the latest songs or any other audio files.

Module Options:

• audio

  define the audio file for use in the module. To remove an audio file from the module, simply delete the URL from the settings field;

• title

  define a title;

• artist name

  define an artist name;

• album name

  define an album name;

• cover art image URL

  upload your desired image, or type in the URL to the image you would like to display;

• disable on

  this will disable the module on selected devices;

• admin label

  this will change the label of the module in the builder for easy identification.

Bar Counters

Display stats on your website in an attractive way. It can be used in online CVs and resumes for indicating your skills and experience.

Module Options:

• title

  input a title for your bar;

• percent

  define a percentage for this bar;

• background color

  this will adjust the color of the empty space in the bar (currently gray);

• bar background color

  this will change the fill color for the bar;

• use percentages

  enable/disable percentages;

• disable on

  this will disable the module on selected devices;

• admin label

  this will change the label of the module in the builder for easy identification.

Blog

Blog modules allow you to build various kinds of blogs in several clicks. Combined with sidebar modules they can be used for creating the most popular blog designs.

Module Options:

• layout

  toggle between the various blog layout types;

• posts number

  choose how much posts you would like to display per page;

• include categories

  choose which categories you would like to include in the feed;

• meta date format

  if you would like to adjust the date format, input the appropriate PHP date format here;

• show featured image

  enable/disable percentages;

• featured image size

  select featured thumbnail size;

• content

  showing the full content will not truncate your posts on the index page. Showing the excerpt will only display your excerpt text;

• Read More button

  here you can define whether to show "read more" link after the excerpts or not;

• show author

  turn on or off the author link;

• show date

  turn the date on or off;

• show categories

  turn the category links on or off;

• show comment count

  turn comment count on and off;

• show pagination

  turn pagination on and off;

• offset number

  choose how many posts you would like to offset by;

• featured image overlay

  if enabled, an overlay color and icon will be displayed when a visitors hovers over the featured image of a post;

• disable on

  this will disable the module on selected devices;

• admin label

  this will change the label of the module in the builder for easy identification.

Blurb

If you need to combine short text with images, blurbs will be a perfect solution for that. They can be inserted into any column created on the website.

Module Options:

• title

  the title of your blurb will appear in bold below your blurb image;

• url

  if you would like to make your blurb a link, input your destination URL here;

• url opens

  here you can choose whether or not your link opens in a new window;

• use icon

  here you can choose whether icon set below should be used;

• image

  upload an image to display at the top of your blurb;

• image alt text

  define the HTML alternative text for your image here;

• image/icon placement

  here you can choose where to place the icon;

• image/icon animation

  this controls the direction of the lazy-loading animation;

• text orientation

  this will control how your blurb text is aligned;

• content

  input the main text content for your module here;

• disable on

  this will disable the module on selected devices;

• admin label

  this will change the label of the module in the builder for easy identification.

Brands Showcase

Create and arrange your brands with the help of Brands Showcase module.

Module Options:

• add new brand

  choose add a new brand to add a new brand to your website page;

• brand logo url

  upload your desired image, or type in the URL to the image you would like to display;

• brand name

  type in in this block the brand name;

• brand title

  type in in this block the brand title;

• brand description

  type in in this block the general brand description.

Button

Add various kinds of buttons to any page of your site within several clicks.

Module Options:

• button url

  input the destination URL for your button;

• url opens

  here you can choose whether or not your link opens in a new window;

• button text

  input your desired button text;

• button alignment

  here you can define the alignemnt of button;

• disable on

  this will disable the module on selected devices;

• admin label

  this will change the label of the module in the builder for easy identification.

Carousel

Carousel Module helps to integrate carousel slider into your website's page

Module Options:

• choose taxonomy type

  choose the taxonomy type of posts you want to be shown as your carouse slides;

• posts count

  define how many posts are to be shown;

• super title

  here you can type in the super title of the carousel slider;

• title

  here you can type in the title of the carousel slider;

• subtitle

  here you can type in the subtitle of the carousel slider;

• title words length

  specify the title length;

• excerpt words length

  specify the excerpt length;

• display More Button

  this will disable or enable More Button;

• More Button text

  fill in the More Button text;

• display post meta data

  choose what meta data you want to be displayed;

• featured image size

  choose the image size for your carousel slides.

Circle Counter

Circle counter is an attractive and effective way to showcase single statistics. It can be used to display data about your company, experience, skills, etc.

Module Options:

• title

  input a title for your bar;

• number

  define a number for the circle counter;

• percent sign

  here you can choose whether the percent sign should be added after the number set above;

• rounded bar

  enable/disable rounded bar;

• circle line width

  width of the bar line in pixels;

• circle size

  specify the size of the circle;

• bar background color

  this will change the fill color for the bar;

• disable on

  this will disable the module on selected devices;

• admin label

  this will change the label of the module in the builder for easy identification.

Contact Form

Communicate with your visitors and customers much easier with the help of the Contact Form module.

Module Options:

• field options:

  • field ID

    define the unique ID of this field. You should use only English characters without special characters and spaces;

  • title

    here you can define the content that will be placed within the current tab;

  • placeholder

    here you can define the placeholder for the current field;

  • type

    choose the type of field;

  • required field

    define whether the field should be required or optional;

  • show field label

    show/hide field label;

  • width

    specify the width of the field;

• display captcha

  turn the captcha on or off using this option;

• e-mail

  input the email address where messages should be sent;

• title

  define a title for your contact form;

• message pattern

  here you can define the custom pattern for the email Message. Fields should be included in following format - %%field_id%%. For example if you want to include the field with id = phone and field with id = message, then you can use the following pattern: My message is %%message%% and phone number is %%phone%%. Leave blank for default;

• enable redirect url

  redirect users after successful form submission;

• success message

  type the message you want to display after successful form submission. Leave blank for default;

• submit button text

  input the label for submit button;

• disable on

  this will disable the module on selected devices;

• admin label

  this will change the label of the module in the builder for easy identification.

Countdown Timer

Create Coming Soon events with this module. It can also be used for creating compelling landing pages for any kind of business.

Module Options:

• countdown timer title

  this is the title displayed for the countdown timer;

• countdown to

  this is the date the countdown timer is counting down to. Your countdown timer is based on your timezone settings in your WordPress General Settings;

• use background color

  here you can choose whether background color setting below should be used or not;

• background color

  here you can define a custom background color for your countdown timer;

• layout

  choose the layout type;

• circle size

  specify the size of the circle;

• disable on

  this will disable the module on selected devices;

• admin label

  this will change the label of the module in the builder for easy identification.

Call to Action

Create catching call to actions quickly and worry free with the help of this Call to Action module.

Module Options:

• title

  input your value to action title here;

• button url

  input the destination URL for your CTA button;

• url opens

  here you can choose whether or not your link opens in a new window;

• button text

  input your desired button text;

• use background color

  here you can choose whether background color setting below should be used or not;

• background color

  here you can define a custom background color for your CTA;

• text orientation

  this will adjust the alignment of the module text;

• content

  input the main text content for your module here;

• disable on

  this will disable the module on selected devices;

• admin label

  this will change the label of the module in the builder for easy identification.

Divider

This module is used for adding custom horizontal lines to divide the elements and make the content look more structured and organized.

Module Options:

• color

  this will adjust the color of the 1px divider line;

• visibility

  this settings turns on and off the 1px divider line, but does not affect the divider height;

• disable on

  this will turn thumbnails on and off;

• admin label

  this will change the label of the module in the builder for easy identification.

Image

Use this module to add various images to the web pages. It also offers multiple options to give the images more live and dynamic look.

Module Options:

• image url

  upload your desired image, or type in the URL to the image you would like to display;

• image alternative text

  this defines the html alternative text. A short description of your image can be placed here;

• image title text

  this defines the html title text;

• open in lightbox

  here you can choose whether or not the image should open in Lightbox. Note: if you select to open the image in Lightbox, url options below will be ignored;

• link url

  if you would like your image to be a link, input your destination URL here. No link will be created if this field is left blank;

• url opens

  here you can choose whether or not your link opens in a new window;

• animation

  this controls the direction of the lazy-loading animation;

• remove space below the image

  here you can choose whether or not the image should have a space below it;

• image alignment

  here you can choose the image alignment;

• disable on

  this will disable the module on selected devices;

• admin label

  this will change the label of the module in the builder for easy identification.

Map

This module is designed to embed Google Maps on the page in several clicks without no coding skills at all.

Module Options:

• title

  the title will be used within the tab button for this tab;

• map pin address

  enter an address for this map pin, and the address will be geocoded and displayed on the map below;

• content

  here you can define the content that will be placed within the infobox for the pin;

• map center address

  enter an address for the map center point, and the address will be geocoded and displayed on the map below;

• icon url

  upload your marker, or type in the URL to the marker you would like to display;

• map style

  specify the Map style;

• mouse wheel zoom

  here you can choose whether the zoom level will be controlled by mouse wheel or not;

• disable on

  this will disable the module on selected devices;

• admin label

  this will change the label of the module in the builder for easy identification.

Number Counter

Number Counter is another effective tool to display various numbers and statistics on the website.

Module Options:

• title

  input a title for your bar;

• number

  define a number for the circle counter;

• percent sign

  here you can choose whether the percent sign should be added after the number set above;

• counter text color

  this will change the fill color for the bar;

• disable on

  this will disable the module on selected devices;

• admin label

  this will change the label of the module in the builder for easy identification.

Post Slider

Post Slider offers you a quick and easy way to create various kinds of responsive sliders that you can add to any section of the website.

Module Options:

• posts number

  choose how many posts you would like to display in the slider;

• include categories

  choose which categories you would like to include in the slider;

• order by

  here you can adjust the order in which posts are displayed;

• show arrows

  this setting will turn on and off the navigation arrows;

• show controls

  this setting will turn on and off the circle buttons at the bottom of the slider;

• show Read More button

  this setting will turn on and off the read more button;

• button text

  define the text which will be displayed on "Read More" button. leave blank for default ( Read More );

• content display

  showing the full content will not truncate your posts in the slider. Showing the excerpt will only display excerpt text;

• use post excerpt if defined

  disable this option if you want to ignore manually defined excerpts and always generate it automatically;

• automatic excerpt length

  define the length of automatically generated excerpts. Leave blank for default ( 55 );

• show post meta

  this setting will turn on and off the meta section;

• background color

  use the color picker to choose a background color for this module;

• background image

  upload your desired image, or type in the URL to the image you would like to use as the background for the slider;

• show featured image

  this setting will turn on and off the featured image in the slider;

• image placement

  select how you would like to display the featured image in slides;

• use parallax effect

  enabling this option will give your background images a fixed position as you scroll;

• use background overlay

  when enabled, a custom overlay color will be added above your background image and behind your slider content;

• background overlay color

  use the color picker to choose a color for the background overlay;

• use text overlay

  when enabled, a background color is added behind the slider text to make it more readable atop background images;

• remove inner shadow

  show/hide inner shadow;

• background image position

  choose the background image position;

• background image size

  specify the background image size;

• automatic animation

  if you would like the slider to slide automatically, without the visitor having to click the next button, enable this option and then adjust the rotation speed below if desired;

• disable on

  this will disable the module on selected devices;

• admin label

  this will change the label of the module in the builder for easy identification.

Posts

This module allows you to create and customize your posts according to your vision and taste

Module Options:

• columns

  specify the number of columns of your post;

• choose taxonomy type

  here you can define taxonomy type you want to use in this post;

• use gutter between rows

  this option enables space between rows;

• use gutter between columns

  this option enables space between columns;

• disable on

  this will disable the module on selected devices (tablet, phone etc);

• admin label

  this will change the label of the module in the builder for easy identification.

Pricing Tables

Sell any kind of products with ease thanks to this module. It allows you to create various pricing tables for a specific product or service groups and control them separately. The module also offers several features that will help you increase conversions.

Module Options:

• make this table featured

  featuring a table will make it stand out from the rest;

• title

  define a title for the pricing table;

• subtitle

  define a sub title for the table if desired;

• currency

  input your desired currency symbol here;

• per

  if your pricing is subscription based, input the subscription payment cycle here;

• price

  input the value of the product here;

• button url

  input the destination URL for the signup button;

• button text

  adjust the text used from the signup button;

• content

  input a list of features that are/are not included in the product. Separate items on a new line, and begin with either a + or - symbol;

• disable on

  this will disable the module on selected devices;

• admin label

  this will change the label of the module in the builder for easy identification.

Sidebar

This Sidebar module allows to create an unlimited number of sidebars and add them to any page of the website.

Module Options:

• orientation

  choose which side of the page your sidebar will be on. This setting controls text orientation and border position;

• widget area

  select a widget-area that you would like to display. You can create new widget areas within the Appearances > Widgets tab;

• disable on

  this will turn thumbnails on and off;

• admin label

  this will change the label of the module in the builder for easy identification.

Slider

Create compelling and dynamic sliders with a variety of effects, parallax and video backgrounds.

Module Options:

• arrows

  this setting will turn on and off the navigation arrows;

• show controls

  this setting will turn on and off the circle buttons at the bottom of the slider;

• automatic animation

  if you would like the slider to slide automatically, without the visitor having to click the next button, enable this option and then adjust the rotation speed below if desired;

• use parallax effect

  enabling this option will give your background images a fixed position as you scroll;

• remove inner shadow

  enable/diasble inner shadow;

• background image position

  specify the background image position;

• background image size

  specify the background image size;

• disable on

  this will turn thumbnails on and off;

• admin label

  this will change the label of the module in the builder for easy identification.

Social Media Follow

The Social Media Follow module is used for creating social media links with attractive icons. The builder contains a full set of icons for all social networks, so you only need to choose a proper variant right for your project.

Module Options:

• social network label

  set the social network label;

• icon

  choose the social network icon;

• account url

  the url for this social network link;

• icon color

  this will change the icon color;

• icon background color

  this will change the icon background color;

• background image position

  specify the background image position;

• background image size

  specify the background image size;

• link shape

  here you can choose the shape of your social network icons;

• url opens

  here you can choose whether or not your link opens in a new window;

• follow button

  here you can choose whether or not to include the follow button next to the icon;

• disable on

  this will turn thumbnails on and off;

• admin label

  this will change the label of the module in the builder for easy identification.

Tabs

Make any content of your website look clean and structured with the help of this Tabs module. Thanks to a fully responsive layout the modules will adjust to any screen resolution and make the information look clear on any device.

Module Options:

• title

  the title will be used within the tab button for this tab;

• content

  here you can define the content that will be placed within the current tab;

• disable on

  this will disable the module on selected devices;

• admin label

  this will change the label of the module in the builder for easy identification.

Taxonomy

This module allows you to create and customize taxonomy posts

Module Options:

• choose taxonomy type

  choose taxonomy type from Categories, Tags, Format, Custom calendars, Team group, Services category;

• include categories

  here you can define which categories you want to include;

• super title

  enter the super title you want to be shown in your taxonomy post;

• title

  enter the title you want to be shown in your taxonomy post;

• subtitle

  enter the subtitle you want to be shown in your taxonomy post;

• columns number

  define how many columns you want to be shown;

• items padding

  define items padding in pixels;

• disable on

  this will disable the module on selected devices (tablets, phones etc).

Team

Testimonial module can be used for adding quotes from your customers and visitors to any page of the website.

Module Options:

• columns

  set the number of columns from 1 to 6 (you can define the specific number of columns separately for a laptop, a tables or a phone);

• include groups

  include oe exclude groups from being shown;

• include post id

  type in post id to include it;

• post count

  input the count of posts to be shown, or leave the field empty to show all posts;

• super title

  input the super title of the module;

• title

  input the title of the module;

• sub title

  input the sub title of the module;

• show filter by groups

  enable/disable filter by groups;

• display more button

  display/hide more button;

• more button text

  here you can define a custom text that will be shown on your more button;

• featured image size

  this will adjust the featured image;

• show name

  show/hide name;

• show photo

  show/hide photo;

• show description

  show or hide description;

• description length

  set the description length;

• show position

  show/hide position;

• show social profiles links

  show/hide social profiles links;

• layout

  define the layout of this module: single or grid-boxes.

Testimonial

Testimonial module can be used for adding quotes from your customers and visitors to any page of the website.

Module Options:

• author name

  input the name of the testimonial author;

• job title

  input the job title;

• company name

  input the name of the company;

• date

  input the testimonial date;

• author/company url

  input the website of the author or leave blank for no link;

• url opens

  choose whether or not the url should open in a new window;

• portrait image url

  upload your desired image, or type in the url to the image you would like to display;

• quote icon

  choose whether or not the quote icon should be visible;

• use background color

  here you can choose whether background color setting below should be used or not;

• background color

  here you can define a custom background color for your call to action module;

• text orientation

  this will adjust the alignment of the module text;

• content

  input the main text content for your module here;

• disable on

  this will disable the module on selected devices;

• admin label

  this will change the label of the module in the builder for easy identification.

Text

Text modules can be placed in any section of website. It offers a full range of editing tools available in WordPress, do you won’t experience any troubles with customization.

Module Options:

• text orientation

  this controls the how your text is aligned within the module;

• content

  here you can create the content that will be used within the module;

• disable on

  this will disable the module on selected devices;

• admin label

  This will change the label of the module in the builder for easy identification.

Toggle

Toggles can also be used to display information in a more compact and structured way.

Module Options:

• title

  the toggle title will appear above the content and when the toggle is closed;

• state

  choose whether or not this toggle should start in an open or closed state;

• content

  here you can define the content that will be placed within the current tab;

• disable on

  this will disable the module on selected devices;

• admin label

  this will change the label of the module in the builder for easy identification.

Video Slider

Power builder makes it possible to create video sliders and video galleries with custom thumbnails and play buttons.

Module Options:

• admin label

  this will change the label of the video in the builder for easy identification;

• video MP4/URL

  upload your desired video in .MP4 format, or type in the url to the video you would like to display;

• video webm

  upload the .WEBM version of your video here. All uploaded videos should be in both .MP4 .WEBM formats to ensure maximum compatibility in all browsers;

• image overlay url

  upload your desired image, or type in the url to the image you would like to display over your video. You can also generate a still image from your video;

• display image overlays on main video

  this option will cover the player UI on the main video. This image can either be uploaded in each video setting or auto-generated by Divi;

• arrows

  this setting will turn on and off the navigation arrows;

• slider controls

  this setting will let you choose to use the thumbnail track controls below the slider or dot navigation at the bottom of the slider;

• disable on

  this will disable the module on selected devices;

• admin label

  this will change the label of the module in the builder for easy identification.

Video

Embed any videos from any source with the help of this module. They can be added to any section or row of the builder.

Module Options:

• video MP4/URL

  upload your desired video in .MP4 format, or type in the url to the video you would like to display;

• video webm

  upload the .WEBM version of your video here. All uploaded videos should be in both .MP4 .WEBM formats to ensure maximum compatibility in all browsers;

• image overlay url

  if you would like to define a custom video thumbnail image, which will be placed over the standard video interface with a custom play button to create a cleaner and more stylized appearance, then you can choose to do so using the image overlay field. This field allows you to either upload your own custom image, or let Power Builder automatically generate one from your video url. Most of the video providers support this options, such as Youtube and Vimeo. Simply click the generate from video button;

• disable on

  this will turn thumbnails on and off;

• admin label

  by default, your video module will appear with a label that reads Video in the builder. The admin label allows you to change this label for easy identification.