How to use Muffin Page Builder : HyperCube Support

You will enjoy working with Muffin Builder This page builder makes creating a website fun and easy. A page can be split into different work sections, where you can choose your colors, backgrounds, layouts, sidebars, classes, and more. Within each section, you simply add whatever items you need.

The new Muffin Builder allows you to clone sections or items, making website building faster and easier than ever.

To add an item inside a work section, click Add item. You will see your selected Item added below the button. There are a number of things you can do with this added Item.

Expand the selected Item to 1/6, 1/5, 1/4, 1/3, 1/2, 2/3, 3/4, 1/1 by using "+" button in the Item. Or, you can shorten the Item using the "-" button. Note: Every Item can be sized in the same way.
Delete an Item/Section/Row by ˟ in the right Item corner.
Edit each Item/Section/Row by clicking on "Pencil" in the right bottom corner.
Clone an Item/Section/Row by clicking on "Clone" in the right bottom corner.
You can also move any Item/Section/Row by drag & drop.
Hide Section if you don't want to display it in front-end.

Please remember that Muffin Builder works only with Default template.

To learn how to use Muffin Builder 3.0 please watch this instructional video.

4.2.1 Accordion / Toggle

accordion item

This Item adds an Accordion or Toggle on page. You can add as many tabs as you need. Just type the Title and Content (you can use html tags) for each tab. You can also use Drag & Drop option to set the order for items.

Available sizes:'1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

Title (accordion item title)
Accordion ( add as many tabs you want, use drag & drop to change their order or remove them)
Open first (you can select which tab you want to open first)
Style (choose Accordion or Toggle)

4.2.2 Article box

article box item

This Item adds an Article box on page. You can add as many article boxes to a page as you need, just type the content into the appropriate fields.

Available sizes:'1/3', '1/2'

Attributes:

Image (upload image for box)
Slogan (text available at the top of right side item)
Title (title for article box item)
Link (link to any page of your choosing - this field can be left empty)
Open in new window (if you want to open the link in the new window)
Animation (choose entrance animation on scroll or leave not animated)

4.2.3 Blockquote

blockquote item

This Item adds a Blockquote box with an image and/or text..

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

Content (add your content for the Blockquote Item. You can use html tags)
Author (Blockquote author)
Link (link to author's page)
Open in new window (select “Yes” if you want to open link in a new window)
Style ( choose a style for this Item - Classic or Modern)

4.2.4 Blog

blog item

This Item allows you to add Blog on any page. Useful for those who want to incorporate blog content with other content.

Available sizes: '1/1'

Attributes:

Count (choose the number of posts you want to show)
Category ((select the category from which one you want to show posts)
Multiple Categories (type in categories slugs to show posts from multiple categories)
Style (choose Classic, Timeline or Masonry blog style)
Show Read More link (show or don’t show the Read More button)
Show pagination (Yes or No)

4.2.5 Blog slider

This Item allows you to add posts inside a slider. It is equipped with swipe technology for use with mobile devices and tablets.

Available sizes: '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

Title (title for Blog Slider item)
Count (type the number of items to appear within the Blog Slider)
Category (choose a category to show posts)
Multiple Categories (type in Categories Slugs to show posts from multiple categories)
Show Read More button (Yes or No)

4.2.6 Call to action

This Item allows you to create a Call to Action item with or without a background image, icons, or text.

Available sizes: '1/1'

Attributes:

Title (Title visible onleft side of the item)
Icon (Select an icon from the list of available icons)
Content (Content visible on the right side of the item)
Link (link for action icon in the middle of the item)
Button Title (fill in this field if to show a button instead of an icon)
Class (select if you want to open a link in a popup window)
Open in new window (select “Yes” to open link in the new window)
Animation (select entrance animation on scroll or leave without animation)

4.2.7 Chart

This Item allows you to create a section or single element with a Chart.

Available sizes: '1/4', '1/3', '1/2'

Attributes:

Percent (Identify the percent desired around the circle)
Chart label (indicates text inside Chart item)
Chart icon (choose an iconfrom the list of available icons)
Chart image (upload your own image inside the Chart item)
Title (title for chart item)

4.2.8 Clients

This Item creates a Clients section.

Available sizes: '1/1'

Attributes:

Items in row ( select the desired number)
Category (select the client post category or categories)
Style (select Default or Tiles)

4.2.9 Code

This Item can be used to present code. It also converts HTML tags into HTML special characters.

IMPORTANT! This item does not parse html!If you want to parse, use Column item instead! Columnitem instead!

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

Content (add your code here)

4.2.10 Column

This Item creates a column. You can use iframes, HTML, local CSS styles, and more. Inside Column, you can enter anything you wish.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

Title (visible only via Admin Panel - item label)
Column content ( the only attribute for this Item; feel free to use HTML tags and shortcodes in this section)
Animation (choose Entrance Animation on Scroll or leave Not Animated)

4.2.11 Contact box

This Item creates a Contact boxthat enables others to contact you.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

Title (contact box title)
Address (enter your address; HTML tags are also allowed)
Telephone (telephone number)
Email (email address)
WWW (website url)
Background image (upload a background image if desired)
Animation (select Entrance Animation on scroll or leave Not Animated)

4.2.12 Content WP

Adding this item will show Content from the WordPress Editor above the Page Options section. You can use it only once per page. Remember to turn off "Show The Content" option if you prefer using this item. Otherwise the content will be duplicated.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

4.2.13 Counter

This Item creates a Counter with icons or images.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2'

Attributes:

Icon (choose icons from our predefined icons list)
Icon color (type in icon color)
Image (upload an image as an alternative to using an icon)
Number (number for Counter item)
Prefix (additional text for the item, % or $ - before the number)
Postfix (additional text for the item, % or $ - after the number)
Title (text placed under number)
Style (select Vertical or Horizontal style)
Animation (select Entrance Animation on Scroll or leave Not Animated)

4.2.14 Divider

This Item creates spaces between elements. It also aligns a single line, with boxes located underneath. You can choose different styles of this item.

Available sizes: '1/1'

Attributes:

Divider height (enter the divider height)
Style (select Default, Dots and ZigZag)
Line (select Default, Narrow, Wide and Default)
Theme Color (select YES if you want line color to be the same as the theme color)

4.2.15 Fancy heading

This Item is creates a Fancy heading. You can create unique headings in different locations in the preview section.

Available sizes: '1/1'

Attributes:

Title (title for heading)
Use H1 tag (choose YES, if you want the an H1 tag instead of H2)
Icon (select an icon from our icon's list)
Slogan (displays as small text under the title)
Content (content to appear inside the heading)
Style (select 1 of 3 different styles)
Animation (select Entrance Animation on Scroll or leave Not Animated)

4.2.16 FAQ

This Item creates an FAQ page. You can also use Drag & Drop option to set the order for the items on this page.

Available sizes: '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

Title (type title for this item)
Add tab (add your own tabs for FAQ item)
Open First (ON, if you want to have the first accordion item opened)

4.2.17 Feature List

With this Item you can create a Feature List section. using icons, links, and icon colors.

Available sizes: '1/1'

Attributes:

Title (type Feature List title)
Content (Use text shortcode [item icon="icon-picture" title="some text" link="#"]) for each item inside. Each item can have its own icon, text, and link.

4.2.18 How it Works

The How it Works item allows you to create steps sections that can be used on landing pages.

Available sizes: '1/4', '1/3'

Attributes:

Background image (upload a background image for the item visible in the circle)
Number (digit appears in the right bottom section of the item)
Title (title appears under the circle)
Content (enter descriptive text - it will appear under the title)
Line (choose whether or not to show a connecting line between items)
Animation (select Entrance Animation on Scroll or Not Animated)

4.2.19 Icon Box

With this Item you can create an awesome Icon box featuring a hover effect. There are many different styles or you can create your own.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2'

Attributes:

Title ( Icon Box title)
Content (Icon Box text)
Icon (icon for Icon Box image - use an icon from the icon's list)
Image( upload an image instead of using an icon)
Icon Position (choose Top or Left position)
Border(select if you want to show a border)
Link (type link for Icon Box, or leave it empty)
Open in new window (select YES to open link in a new window)
Animation (select Entrance Animation on Scroll or No Animation)
Custom CSS classes(type your own class for a section - this is a useful option for those who want to create a special style for a section). For example: you can type my-own-super-sectionclass and then go to BeTheme options > Custom CSS & JS > Custom CSS and write your own styles for this class:
.my-own-super-section {margin: 30px; padding: 20px; font-size: 15px; etc... }

If you want to use multiple classes separate them with a SPACE. We have one built-in class for this section which is named dark. Use it if you want to have a dark background.

4.2.20 Image

This Item is a useful option for embedding images onto a page. Images can have links or be zoomed.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

Image (choose your image)
Border (select Yes if you want a border around the image)
Align (choose how you want to align the image)
Margin Top (margin value from top in pixels)
Alternate text (alt text for image)
Caption (short text under image)
Zoomed image (choose image if you want it opened after click)
Link (if you don`t want to open the image after click; you can type your own link for this image)
Open in new window (select Yes if you want to open the image in a new window)
Animation (select Entrance Animation on Scroll or No Animation)

4.2.21 Info Box

This Item allows you to create an awesome Info box. You can also include a background image for an added effect.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

Title( Info Box title)
Content(inside Info Box text)
Background image (select background image for Info Box )
Animation(select Entrance Animation on Scroll or No animation)

4.2.22 List

The List item enables you todefine and create styles, images, icons and more.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2'

Attributes:

Icon (use any icon in our icon's list)
Image ( upload own image instead of selecting an icon)
Title (List title)
Content(List text)
Link (List item can have link or no link)
Open in new window (Select “Yes” if to open Item in a new window)
Style ( choose between 4 different Item styles)
Animation(Select Entrance Animation on Scroll or No Animation )

4.2.23 Map

This Item will create the Google map. Map item is based on Google Maps API.

Available sizes: '1/6', '1/5', '1/6', '1/5', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

Google Maps Lat (type Lat value for your position)
Google Maps Lng (type Lng value for your position)
Zoom (zoom of the map)
Height (height of the map)
Marker Icon upload own marker icon instead of default (.png format only)
Styles get predefined styles from snazzymaps.com or generate your own here
Box | Title (title for address box - visible on the right side)
Box | Address (content for address box - visible on the right side)
Box | Telephone(phone number for address box - visible on the right side)
Box | Email(email for address box - visible on the right side)
Box | WWW (www for address box - visible on the right side)

The map will appear only if Google Maps Lat and Google Maps Lng are correctly entered.

IMPORTANT!!! Please remember to set up Google Maps API key under Theme options > Global > Advanced section. If you won't do this, you will get "Oops! Something went wrong. This page didn't load Google Maps correctly. See the JavaScript console for technical details"error message instead of map. More details about this option you can read on support forum.

4.2.24 Offer

This Item will create an Offer section. To create items for Offer you need to add items in Offersection located on the left side of the main WordPress dashboard menu between"Clients" and "Portfolio" sections.

Available sizes: '1/1'

Attributes:

Category(select category from which you want to show offer items)

This Item has no attributes. The Offer item can be used only on pages without sidebar and section must be setup on Full Width.

4.2.25 Opening hours

This item will create a Opening hours box in which you can type whatever content you want.You can also include a background image for an added effect.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

Title (type Opening hours title)
Content ( use any content you want, including plain text or html tags)
Background image (add an image for a background)
Animation (choose Entrance |Animation on Scroll or No Animation)

4.2.26 Our team

This Item creates a single Our team profile to show your team.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2'

Attributes:

Heading (type heading text under photo)
Photo(choose a photo for a team profile)
Title(title for a team profile)
Subtitle(subtitle for a team profile)
Phone(phone number for your team or for a member of the team)
Email(email for one of our team's profile)
Facebook (facebook link with http:// for a team's profile)
Twitter (twitter link with http://for a team's profile)
LinkedIn (LinkedIn link with http:// for a team's profile)
Blockquote(type blockquote for the Team item)
Style( choose between 3 different styles)
Link (type link if you have special page for a team member)
Open in new window(select if you want to open link in the new window)
Animation(choose Entrance Animation on Scroll or No Animation)

You can create as many profiles for your members as you need.

4.2.27 Our Team list

This Item will create the single Our team profile.

Available sizes: '1/1'

Attributes:

Photo (choose photo for one of your our team's profile)
Title (title for one of your our team's profile)
Subtitle (subtitle for one of the Our team's profile)
Phone (phone number for one of the Our team's profile)
Content (useful field if you want to describe an Our Team member)
Blockquote (type a team member's blockquote here)
Email (email for one of theOur Team’s profiles)
Facebook (Facebook link with http:// for one of your our team's profile)
Twitter (twitter link with http:// for one of the Our team's profile)
LinkedIn (LinkedIn link with http://for one of the Our team's profile)

You can create as many profiles for your members as you need.

4.2.28 Photo Box

This Item will create the single Photo box item.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2'

Attributes:

Title (title for Photo Box)
Image(choose photo for Photo Box )
Content(text from this section is visible under photo)
Text Align (choose between Center, Left or Right align for text)
Link (type link for this item if needed)
Open in new window (Yes to open link in a new window)
Animation (choose Entrance Animation on Scroll or No Animation)

4.2.29 Portfolio

This Item will create Portfolio (the same items as on portfolio page) in any place you want. Use your portfolio items with any other shortcodes on the page.

Available sizes: '1/1'

Attributes:

Count (specify how many Portfolio items you want to show on one page)
Category(choose the category to show Portfolio items)
Multiple Categories (type categories slugs toto show posts from multiple categories)
Style(choose among 5 styles for Portfolio item)
Order by (specify Portfolio items order )
Order (select Ascending or Descending)
Show pagination(Yes or No)

4.2.30 Portfolio Grid

This Item will create Portfolio grid (the same items as on portfolio page) in any place you want. Use your portfolio items with any other shortcodes on the page.

Available sizes: '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

Count (specify the number of portfolio items on a page)
Category(choose the category to show portfolio items)
Multiple Categories (type categories slugs to show posts from multiple categories)
Order by (choose the method to order portfolio items)
Order (select Ascending or Descending)

4.2.31 Portfolio Slider

This Item creates an awesome swipe touch Portfolio slider at any page location.Portfolio sliderlooks impressive on all devices.

Available sizes: '1/1'

Attributes:

Count (enter the number of items to display in Portfolio Slider)
Category(select the display category)
Multiple Categories(type categories slugs to show post from multiple categories)
Order by(choose the portfolio slider items order)
Order (select Ascending or Descending)

4.2.32 Pricing

This Item creates a Pricing page. You can choose among 3 different styles. For example, you can use boxes or tables, with or without labels.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

Image( an image field is located at the top of the page )
Title (pricing title)
Price (amount)
Currency(enter pricing currency)
Period(Pricing table period)
Subtitle (text will be visible under price)
Content(enter Pricing content)
Link title(enter link title if applicable)
Link(enter link, if applicable)
Featured (select Yes if you want an item featured)
Style(select one of 3 different styles)
Animation(choose Entrance Animation on Scroll or No Animation)

4.2.33 Progress bars

You can add as many Progress baras you want.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Add your own tabs by clicking "Add tab" button. You can add as many tabs as you need.

Attributes:

Title
Content (type in as many bars as you need; the shortcode for a progress bar is [bar title="Photoshop" value="80"])

4.2.34 Promo Box

This Item creates a Promo Box with text, image and a button with a link. You can select left or right style and other settings as well.

Available sizes: '1/2'

Attributes:

Image (upload photo for Promo Box item - can be on either the right or the left side )
Title (Progress Box title)
Content(enter Progress Box content)
Button Text (enter text for the button in the Progress Box)
Button Link(enter link for the button)
Image position(choose between left or right side image position)
Border(select Yes toa border on right hand side)
Open in new window (select Yes to open link in new window)
Animation(choose Entrance Animation on Scroll or No Animation)

4.2.35 Quick Fact

Create Quick Fact, a nice item for presenting facts with short descriptions.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

Heading(add text above counter icon)
Number (number appears at the top of the Quick Fact)
Prefix (this is text e.g., % or $ - before the number)
Postfix (this is text e.g., % or $ - after the number)
Title (title will appeardirectly under the large number)
Content (enter short description; it will appear under the title)
Animation(choose Entrance Animation on Scroll or No Animation)

4.2.36 Shop Slider

This Item creates a Shop Slider featuring WooCommerce plugin products.

Available sizes: '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

Title(type title for Shop Slider item)
Count(type the number of products to be shown)
Show (select Featured, On sale or All products for slider)
Category (choose the Shop Slider category)
Order by (order by Date, Menu order and Title)
Order (select Ascending or Descending)

4.2.37 Slider

If you prefer something other than Revolution Slider we recommend the Slider Item. You can easily show simple slide images by pasting slides on a page.Youadd slides I within the "Slides" section,located on the left side of the WordPress dashboard.

Available sizes: '1/1'

Attributes:

Autoplay timeout (the time between slide transitions, in milliseconds)
Category (choose the Slides presentation category)
Ordery by (enter Date, Menu order and Title)
Order (select Ascending or Descending)

4.2.38 Sliding Box

Sliding Box allows you to create a photo box with a nice sliding effect. This box can contain a link if desired.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2'

Attributes:

Image (select Sliding Box photo)
Title (enter text; it will appearunder the photo)
Link (enter link if needed)
Open in new window (enter Yes if you want to open the link in a new window)
Animation (choose Entrance Animation on Scroll or No Animation)

4.2.39 Tabs

This Item allows you to create 4 different Tabs. You can add as many tabs as you want.

Available sizes: '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Add your tabs by clicking the "Add tab" button. You can add as many as you need.

Attributes:

Title (tabs title)
Content (tabs content)
Style (There are 4 different styles for this Item: Horizontal, Horizontal with Big Icon, Vertical,and Vertical with Big Icon)
Unique ID(optional) - this item is only required if you want to build one-page with links for sections and you want send users to the correct section and tab.

4.2.40 Testimonials

This Item creates a Testomonials slider. > Add new Add new section.

Available sizes:'1/1'

Attributes:

Category(select a Testimonials category )
Order by (select - Title, Menu order or Date)
Order (select Ascending or Descending)
Hide Photos (hide testimonials images that are not to be used)

4.2.41 Timeline

This Item creates a Timline section.You can use it for any purpose you need. It works just like Tabs or Accordion. Just Add tab and the desired content.

Available sizes: '1/1'

Attributes:

Title (enter Timeline title)
Content (enter Timeline section text)

4.2.42 Trailer Box

TheTrailer Box item features a slogan, a photo, and has a nice hover effect.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2'

Attributes:

Image (upload image for Trailer Box )
Slogan (enter slogan; it will appear on the image on a blue background with diagonal lines)
Title (the title will appear on the image, directly under the slogan)
Link (enter a Trailer Box link, if needed)
Open in new window (select Yes to open link in a new window)
Animation (choose Entrance Animation on Scroll or No Animation)

4.2.43 Video

This item is a very useful option for embedding Vimeo, Youtube and HTML5 videos into page.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

Youtube or Vimeo | Video ID - video`s ID. This value is placed at the end of every Vimeo or YouTube video

For Vimeo video ID is: http://vimeo.com/19819283

For YouTube video ID is: http://www.youtube.com/watch?v=YE7VzlLtp-4

The bolded values are ID's for videos.

Youtube or Vimeo | Parameters -field for multiple parameters for videos.
HTML5 mp4 video - instead of YouTube and Vimeo videos you can upload your own videos in HTML5 format.
HTML5 ogv video - instead of YouTube and Vimeo videos you can upload your own videos in HTML5 format.
HTML5 placeholder image - placeholder image for HTML5 videos (especially useful for mobile devices).
HTML5 | Parameters - select autoplay, controls, loop and muted parameters.
Width - player`s width, 700 is recommended for left or right sidebar template and 950 for a default template.
Height - video player`s height.

4.2.44 Visual Editor

The Visual Editor Item is an option for those wishing to avoid coding with HTML or CSS.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

Title - visible only via the admin panel - item label
Visual Editor - put text, media or other content, and style it to suit your needs

4.2.45 Countdown

This useful Item places Count down on any location on a page.

Available sizes: '1/1'

Attributes:

Launch Date - enter Launch Date in the following format: 12/30/2014 12:00:00 | month/day/year hour:minute:second
UTC Timezone - choose your time zone

4.2.46 Flat Box

Flat Box features an icon on the left and an image on the right with a nice hover effect.

Available sizes: '1/4', '1/3', '1/2'

Attributes:

Icon (select any item from the list of available icons)
Icon background (enter color in hex format, ex: #FFFFFF)
Image (upload image)
Title (text appears under the image)
Content (text appears under the title)
Link (type link for item)
Open in new window (select Yes to open link in a new window)
Animation (choose Entrance Animation on Scroll or No Animation)

SECTION item

This is a new item which offers a variety of possibilities for creating pages. You can split a page, post or portfolio Item into sections. A section and can have its own settings.

Attributes:

Title (for backend purposes only)

Background

Background | Color (select background color)
Background | Image (upload image/pattern for background section)
Background | Position (choose position for background image)
Separator (select 1 of 8 pre-defined separators for an improved appearance)
HTML5 | mp4 video (upload background video for a section)
HTML5 | ogv video (upload both: mp4 and ogv for cross-browser compatibility)

Layout

Padding | Top (add top padding for a section if desired)
Padding | Bottom (add bottom padding for a section if desired)

Options

Separator choose between various separators
Navigation add arrows between sections to scroll between them on click

Advanced

Style (choose 1 of 5 predefined styles for a section)
Custom CSS classes (you can enter your own class for each section - this is ahelpful option for those who want a special style for a section). For example, you can add my-own-super-section section class, and thengo to BeTheme options > Custom CSS & JS > Custom CSS and write your own style:
.my-own-super-section { margin: 30px; padding: 20px; font-size: 15px; etc... }

If you want to use multiple classes, separate them with a SPACE. We have one built-in class for this section named dark you can use it if you want a dark background.
Custom ID (useful option for one-page websites, or for custom CSS changes)
Responsive Visibility (you can select the devices on which a section will be visible )

WRAP item

This is a new item which offers a variety of possibilities for creating pages. With WRAP item you can create more advanced layouts than ever before.

Attributes:

Background | Color (select background color)
Background | Image (upload image/pattern for background section)
Background | Position (choose position for background image)

Options

Move Up this option allows to move wrap to overflow previous section
Padding set up padding for wrap items

Items

Margin Bottom - choose bottom margin for inner items
Vertical Align - choose between Top, Middle and the Bottom position

Advanced

Custom | Classes (you can enter your own class for each section - this is a helpful option for those who want a special style for a section). For example, you can add my-own-super-section section class, and thengo to BeTheme options > Custom CSS & JS > Custom CSS and write your own style:
.my-own-super-section { margin: 30px; padding: 20px; font-size: 15px; etc... }

If you want to use multiple classes, separate them with a SPACE. We have one built-in class for this section named dark you can use it if you want a dark background.

How to use Muffin Page Builder Print

Related Articles