Image Box
The Image Box element displays text-type content along with a representative image. You can easily add images to your site, with a large amount of control over their appearance and behavior. General Settings: Click the image to select image media from media library. Image position: Select image position. Image box title: Enter image box title. […]
Image
Image element displays a image. Adding an image to a page is a pretty simple and straightforward process. General settings: Image size: Select a preset image size or customize the size from the dropdown custom option. Align: Set image position relative to the containing element. Link: Set a URL adress, target and title for the […]
Icon
The Icon Element allows you to place icons anywhere on your site. Every icon is 100% full vector, so they look incredibly sharp and are retina-ready! General Settings: Link: Set Icon URL target and title. Align: Select Icon alignment relative to the containing element. Style: Select style for the icon. Default: Displays only the icon. […]
Icon Box
The Icon Box element allows you to create a box with an icon and add a description to it. Icon boxes come in very useful when building websites. Often you need to tell your website visitors what services you or your company offers. Element options: Icon position: You can set position of the icon left, top […]
Gallery
The Gallery element can be used to quickly create a responsive and stylish image gallery on your site. Element options: Columns: Set the number of the column spacing between each gallery image.
Heading
The Heading element does exactly what it says: adds a title into your content. You can select any header tag from H1 through to H6, as well as a variety of styling options including Alignment, overrides for Font Size, Line Height and Letter Spacing. The Heading element is very easy to use, and allows for […]
Video
The Video element offers the ability for users to post self-hosted, YouTube, or Vimeo video clips easily to their websites.
Button
The Button element allows you a variety of buttons on your site, with a lot of options.. Choose from 4 sizes, shapes, unlimited colors, border widths, border radius, and icons. Buttons are very useful on a website. You can use them in so many ways. They can link to a website, they can open another […]
Separator
The Separator element offers highly flexible separators for your website. You can also control border size, color, width, alignment, margins above and below, and you even add icons to them.
Tabs with nested page builder elements (Pro)
When creating a complex layout, the new advanced element will be of tremendous help. The most wanted and powerful tabs element from Kallyas theme, is also provided in the Zion Builder Pro version. Tabs element allows adding any nested children inside it, which is what makes so wanted by most of the web designers.
Accordions with nested page builder elements (Pro)
When creating a complex layout, the new advanced element will be of tremendous help. The most wanted and powerful accordions element from Kallyas theme, is also provided in the Zion Builder Pro version. Accordions element allows adding any nested children inside it, which is what makes so wanted by most of the web designers.
Social share buttons (Pro)
This element allows you to display a list of social share buttons that are useful on your blog, portfolio entries, or anywhere in your content. There are 4 different styles – minimal, colored, rounded, and stretch. There is also the possibility to customize the button blocks from the Styling tab of the element options panel. The General tab […]
Search form (Pro)
Search Element allows the users to find what they are looking for on a website, which can easily be added anywhere in the content. This element inherits the theme styles, but it can be customized from the Styling tab from the element options panel. The General Options for the Search Element are the following: Show search button As […]
Countdown (Pro)
The Countdown Element is the perfect element to actively show your visitors a countdown to a special event, sale, or anniversary. This element allows you to enter a date and it automatically calculates the time it will take to countdown to the specific date. It comes with several customization options to control all colors, backgrounds, […]
Container
The container is a simple div. This element was requested by some of our members that were used with Oxygens div element. It is more like an alternative of the column element just that it doesn’t have flex enabled on it by default. When you nest columns in columns in columns sometimes the flexbox gets […]
Modal
To Trigger a modal by click you will need to select the ID or the class of the element that triggers the modal. You can do that like this : And of course you should have an element, most likely a button, that has the class openmodal. Now when you press the Button with the […]
Sticky Elements
Well this is not an element but rather a feature. Now you can make any element sticky by going to Styling > Display > Position options > Sticky Don’t forget to choose a position where the element will stick. Like for example stick the element when it reaches 294px Top value. Sticky elements video sample […]
Product additional info
“Product additional info” is an element created for the product single page and it displays additional information about an WooCommerce product. This data can be entered from Products/shipping The element preview looks like this.