Close

Account

Documentation

Forum

Menu

Next
Prev

WPBakery Element Option

There are a few things that we will explain to you on this section :

  1. Epic News Element – Module
  2. Epic News Element – Hero
  3. Epic News Element – Carousel
  4. Epic News Element – Element
  5. Epic News Element – Slider

1. Epic News Element- Module


As you can see on the image below, on Epic News Element – Module group tab we provide several Visual Composer elements that you can use.

Please check the following explanation below about Visual Composer element on Epic News Element – Module group tab :

General Option of Epic News Element – Module Block

Header Tab

  1. Title
    Insert text for the main title of module block.
  2. Second Title
    Insert text for the secondary title of module block.
  3. Title URL
    Insert URL link for the title of module block.
  4. Header Type
    Choose header type for module block.
  5. Header Background
    Set the background color of the header module block. Please note, this option may not work on certain header type.
  6. Header Text Color
    Set the text color of header module block. Please note, this option may not work on certain header type.

Header Filter Tab

  1. Category
    Add category filter for header module block.
  2. Author
    Add author filter for header module block.
  3. Tags
    Add tag filter for header module block.
  4. Default Text
    Insert text for first filter item of heading filter.

Content Filter Tab

  1. Include Post Type
    Choose post type for the content of module block.
  2. Number of Post
    Set number of post for content module block.
  3. Post Offset
    Set number of post offset (start of content) of module block.
  4. Include into Unique Content Group
    Choose unique content option, and this module will be included into unique content group. It won’t duplicate content across the group. Ajax loaded content won’t affect this unique content feature.
  5. Include Post ID
    Include post id that you want to show for content module block. It can be done firstly by searching post id by inputting title, then clicking the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
  6. Exclude Post ID
    Exclude post id that you don’t want to show for content module block. It can be done firstly by searching post id by inputting title, then clicking the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
  7. Include Category
    Include which post category that you want to show for content module block.
  8. Exclude Category
    Exclude which post category that you don’t want to show for content module block.
  9. Author
    Choose which post author that you want to show for content module block.
  10. Include Tags
    Include which post tags that you want to show for content module block.
  11. Exclude Tags
    Exclude which post tags that you don’t want to show for content module block.
  12. Sort By
    Choose sorting method for the content of module block.

Content Setting Tab

  1. Content Date Format
    Choose date format for the content of the module block.
  2. Custom Date Format
    Set custom date format for the content of module block. Please note, this option will appear and work if you choose Custom Format on Content Date Format option above.
  3. Excerpt Length
    Set the number of word length for post excerpt.

Pagination Tab

  1. Choose Pagination Mode
    Choose pagination mode for module block.
  2. Pagination Post
    Set the number of posts to load during pagination request. Please note, this option will appear and work if you’re not choose No Pagination on Choose Pagination Mode option above.
  3. Auto Load Limit
    Set the limit of autoload when scrolling. Set to zero (0) to always load until end of content. Please note, this option will appear and work if you’re not choose Auto Load on Scroll on Choose Pagination Mode option above.

Design Tab

  1. Enable Boxed
    This option will turn the module into boxed.
  2. Enable Shadow
    This option will turn the module into boxed with shadow.
  3. Element ID
    Add an ID to this Element.
  4. Extra Class Name
    Add a class name and refer to it in custom CSS.
  5. Element Color Scheme
    Choose the element color scheme for your element.
  6. Block / Column Width
    Please choose the width of the column you want to use on this block. 1 Block represents 4 column.
  7. CSS Box
    Set CSS attribute for the module.

 

2. Epic News Element – Hero


As you can see on the image below, on Epic News Element – Hero group tab we provide several Visual Composer elements that you can use.

Please check the following explanation below about Visual Composer element on Epic News Element – Hero group tab :

General Option of Epic News Element – Hero Block

Hero Setting Tab

  1. Hero Margin
    Set the margin for each hero item. Please note, this option not available for Epic News Element – Hero 14.
  2. Hero Style
    Choose the style for the current hero. Please note, this option not available for Epic News Element – Hero 14.
  3. Choose Date Format
    Choose date format for the content of slider.
  4. Custom Date Format
    Set custom date format for the content of slider. Please note, this option will appear and work if you choose Custom Format on Choose Date Format option above.

Content Filter Tab

  1. Include Post Type
    Choose post type for the content of hero block.
  2. Number of Post
    Set number of post for content hero block.
  3. Post Offset
    Set number of post offset (start of content) of hero block.
  4. Include into Unique Content Group
    Choose unique content option, and this hero will be included into unique content group. It won’t duplicate content across the group. Ajax loaded content won’t affect this unique content feature.
  5. Include Post ID
    Include post id that you want to show for content hero block. It can be done firstly by searching post id by inputting title, then clicking the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
  6. Exclude Post ID
    Exclude post id that you don’t want to show for content hero block. It can be done firstly by searching post id by inputting title, then clicking the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
  7. Include Category
    Include which post category that you want to show for content hero block.
  8. Exclude Category
    Exclude which post category that you don’t want to show for content hero block.
  9. Author
    Choose which post author that you want to show for content hero block.
  10. Include Tags
    Include which post tags that you want to show for content hero block.
  11. Exclude Tags
    Exclude which post tags that you don’t want to show for content hero block.
  12. Sort By
    Choose sorting method for the content of hero block.

Hero Design Tab

  1. Hero Height on Desktop
    Set height on pixel in px for desktop, leave empty to use default number.
  2. Hero Height on 1024px Width Screen
    Set height on pixel in px for 1024px width screen, leave empty to use default number.
  3. Hero Height on 768px Width Screen
    Set height on pixel in px for 768px width screen, leave empty to use default number.
  4. Hero Height on 667px Width Screen
    Set height on pixel in px for 667px width screen, leave empty to use default number.
  5. Hero Height on 568px Width Screen
    Set height on pixel in px for 568px width screen, leave empty to use default number.
  6. Hero Height on 480px Width Screen
    Set height on pixel in px for 480px width screen, leave empty to use default number.

Hero Slider

  1. Hero Slider
    Check this option to enable the Hero Slider.
  2. Slider Autoplay
    Check this option to enable autoplay Hero slider. Please note, this option will appear and work if you enable Hero Slider option above
  3. Autoplay delay
    Set your autoplay delay (in millisecond). Please note, this option will appear and work if you enable autoplay slider option above
  4. Slider Item
    Set number of items of hero slider.

Design Tab

  1. Element ID
    Add an ID to this Element.
  2. Extra Class Name
    Add a class name and refer to it in custom CSS.
  3. Block / Column Width
    Please choose width of the column you want to use on this hero block. 1 Block represents 4 column.
  4. CSS Box
    Set CSS attribute for Hero.

 


As you can see on the image below, on Epic News Element – Carousel group tab we provide several Visual Composer element that you can use.

Please check the following explanation below about Visual Composer element on Epic News Element – Carousel group tab :

General Option of Epic News Element  – Carousel

General Tab

  1. Show Nav
    Check this option to show navigation on the carousel.
  2. Number of Items
    Set number of carousel item to show on each slide.
  3. Item Margin
    Set the margin for each slider item.
  4. Enable Autoplay
    Check this option to enable autoplay slider.
  5. Autoplay Delay
    Set autoplay delay of slider in mili second. Please note, this option will appear and work if you enable autoplay slider option above.
  6. Choose Date Format
    Choose date format for the content of slider.
  7. Custom Date Format
    Set custom date format for the content of slider. Please note, this option will appear and work if you choose Custom Format on Choose Date Format option above.

Content Filter Tab

  1. Include Post Type
    Choose post type for the content of carousel.
  2. Number of Post
    Set number of post for the content carousel.
  3. Post Offset
    Set number of post offset (start of content) of the carousel.
  4. Include into Unique Content Group
    Choose unique content option, and this carousel will be included into unique content group. It won’t duplicate content across the group. Ajax loaded content won’t affect this unique content feature.
  5. Include Post ID
    Include post id that you want to show for the content carousel. It can be done firstly by searching post id by inputting title, then click the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
  6. Exclude Post ID
    Exclude post id that you don’t want to show for the content carousel. It can be done firstly by searching post id by inputting title, then click the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
  7. Include Category
    Include which post category that you want to show for the content carousel.
  8. Exclude Category
    Exclude which post category that you don’t want to show for the content carousel.
  9. Author
    Choose which post author that you want to show for the content carousel.
  10. Include Tags
    Include which post tags that you want to show for the content carousel.
  11. Exclude Tags
    Exclude which post tags that you don’t want to show for the content carousel.
  12. Sort By
    Choose sorting method for the content of the carousel.

Design Tab

  1. Element ID
    Add an ID to this Element.
  2. Extra class name
    Add a class name and refer to it in custom CSS.
  3. Element Color Scheme
    Choose the element color scheme for your element.
  4. Block / Column Width
    Please choose the width of the column you want to use on this carousel. 1 Block represents 4 column.
  5. CSS Box
    Set CSS attribute for the carousel.

 

4. Epic News Element – Element


As you can see on the image below, on Epic News Element – Element group tab we provide several Visual Composer elements that you can use to optimize your website’s look.

Please check the following explanation below about Visual Composer element on Epic News Element – Element group tab :

Epic News Element – Ads Block

General Tab

  1. Ads Type
    Choose ads type that you want to use.
  2. [Image Ads] Ads Image
    Choose an image for image ads.
  3. [Image Ads] Ads Image Link
    Insert URL link for image ads.
  4. [Image Ads] Image Alternate Text
    Insert alternate text for image ads.
  5. [Image Ads] Open New Tab
    Check this option to open the page in new tab when image ads clicked.
  6. [Google Ads] Publisher ID
    Insert data-ad-client / google_ad_client content.
  7. [Google Ads] Ads Slot ID
    Insert data-ad-slot / google_ad_slot content.
  8. [Google Ads] Desktop Ads Size
    Choose ads size to show on desktop.
  9. [Google Ads] Tab Ads Size
    Choose ads size to show on tablet.
  10. [Google Ads] Phone Ads Size
    Choose ads size to show on phone.
  11. [Script Code] Ads Code
    Insert ads script code.

Design Tab

  1. Element ID
    Add an ID to this Element.
  2. Extra class name
    Add a class name and refer to it in custom CSS.
  3. Element Color Scheme
    Choose the element color scheme for your element.
  4. Block / Column Width
    Please choose width of the column you want to use on this ads block. 1 Block represents  4 column.
  5. CSS Box
    Set css attributes for ads block.

 

Epic News Element – News Ticker

General Tab

  1. News Ticker Title
    Insert the title for news ticker.
  2. Choose Date Format
    Choose date format for the content of news ticker.
  3. Custom Date Format
    Set custom date format for the content of news ticker. Please note, this option will appear and work if you choose Custom Format on Choose Date Format option above.
  4. News Ticker Icon
    Choose which font icon that is best to describe your news ticker.
  5. Enable Autoplay
    Check this option to enable autoplay news ticker.
  6. Autoplay Delay
    Set autoplay delay of news ticker in mili second. Please note, this option will appear and work if you enable autoplay slider option above.
  7. Animation Direction
    Choose news ticker animation direction.
  8. News Ticker Title Background
    Choose news ticker title background. If you leave it empty, default plugin scheme color will be used.
  9. News Ticker Text Color
    Choose news ticker title text color. If you leave it empty, default plugin scheme color will be used.

Content Filter Tab

  1. Include Post Type
    Choose post type for the content of the news ticker.
  2. Number of Post
    Set number of post for the content of the news ticker.
  3. Post Offset
    Set number of post offset (start of content) of news ticker.
  4. Include into Unique Content Group
    If you choose unique content option, this news ticker will be included into unique content group. It won’t duplicate content across the group. Ajax loaded content won’t affect this unique content feature.
  5. Include Post ID
    Include post id that you want to show for the content of the news ticker. It can be done firstly by searching post id by inputting title, then clicking the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
  6. Exclude Post ID
    Exclude post id that you don’t want to show for the content of news ticker. It can be done firstly by searching post id by inputting title, then clicking the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
  7. Include Category
    Include which post category that you want to show for the content of the news ticker.
  8. Exclude Category
    Exclude which post category that you don’t want to show for the content of news ticker.
  9. Author
    Choose which post author that you want to show for the content of the news ticker.
  10. Include Tags
    Include which post tags that you want to show for the content of news ticker.
  11. Exclude Tags
    Exclude which post tags that you don’t want to show for the content of news ticker.
  12. Sort By
    Choose the sorting method for the content of the news ticker.

Design Tab

  1. Element ID
    Add an ID to this Element.
  2. Extra class name
    Add a class name and refer to it in custom CSS.
  3. Element Color Scheme
    Choose the element color scheme for your element.
  4. Block / Column Width
    Please choose width of the column you want to use on this news ticker. 1 Block represents  4 column.
  5. CSS Box
    Set CSS attributes for news ticker.

 

Epic News Element – Header Module

General Tab

  1. Title
    Insert text for the main title of the header module.
  2. Second Title
    Insert text for the secondary title of the header module.
  3. Title URL
    Insert URL link for the title of the header module.
  4. Header Type
    Choose a header type for the header module.
  5. Header Align
    Choose the alignment of the header module.
  6. Header Background
    Set the background color of the header module. Please note, this option may not work on certain header type.
  7. Header Text Color
    Set the text color of the header module. Please note, this option may not work on certain header type.

Design Tab

  1. Element ID
    Add an ID to this Element.
  2. Extra class name
    Add a class name and refer to it in custom CSS.
  3. Element Color Scheme
    Choose the element color scheme for your element.
  4. Block / Column Width
    Please choose width of the column you want to use on this header module. 1 Block represents  4 column.
  5. CSS Box
    Set CSS attributes for header module.

Epic News Element – YouTube / Vimeo Playlist

General Tab

  1. Video Playlist Layout
    Choose video playlist layout.
  2. Video Playlist Scheme
    Choose video scheme color.
  3. YouTube / Vimeo Video
    Enter your youtube / Vimeo video separated by comma (Ex: https://www.youtube.com/watch?v=IvcE4o36cAo, https://vimeo.com/180337696).

Design Tab

  1. Element ID
    Add an ID to this Element.
  2. Extra class name
    Add a class name and refer to it in custom CSS.
  3. Block / Column Width
    Please choose width of the column you want to use on this playlist block. 1 Block represents  4 column.
  4. CSS Box
    Set CSS attribute for this playlist block.

 

Epic News Element – Block Link

General Tab

  1. Title
    Insert text for the main title of block link.
  2. Second Title
    Insert text for the secondary title of block link.
  3. Title URL
    Insert URL link for the title of block link.
  4. Open New Tab
    Check this option to open the link on a new tab.
  5. Background Image
    Choose an image for block background.
  6. Use Video Background
    Check this option to use video as block background.
  7. YouTube Link
    Add YouTube video link to use as video background.

Design Tab

  1. Element ID
    Add an ID to this Element.
  2. Extra class name
    Add a class name and refer to it in custom CSS.
  3. Element Color Scheme
    Choose the element color scheme for your element.
  4. Block / Column Width
    Please choose width of the column you want to use on this block. 1 Block represents  4 column.
  5. CSS Box
    Set CSS attribute for block link.

 

Epic News Element – Icon Link

General Tab

  1. Icon
    Choose an icon for Icon link.
  2. Title
    Insert text for Icon link.
  3. Subtitle
    Insert description for Icon link.
  4. Title URL
    Insert URL link for the title of Icon link.
  5. Open New Tab
    Check this option to open link on a new tab.

Design Tab

  1. Element ID
    Add an ID to this Element.
  2. Extra Class Name
    Add a class name and refer to it in custom CSS.
  3. Element Color Scheme
    Choose the element color scheme for your element.
  4. Block / Column Width
    Please choose width of the column you want to use on this block. 1 Block represents  4 column.
  5. CSS Box
    Set CSS attribute for block link.

 

5. Epic News Element – Slider


As you can see on the image below, on Epic News Element – Slider group tab we provide several Visual Composer elements that you can use.

Please check the following explanation below about Visual Composer element on Epic News Element – Slider group tab :

Epic News Element – Slider 1 – 2

General Tab

  1. Enable Autoplay
    Check this option to enable autoplay slider.
  2. Autoplay Delay
    Set autoplay delay of the slider in mili second. Please note, this option will appear and work if you enable auto play slider option above.
  3. Choose Date Format
    Choose date format for the content of slider.
  4. Custom Date Format
    Set custom date format for the content of slider. Please note, this option will appear and work if you choose Custom Format on Choose Date Format option above.

Content Filter Tab

  1. Include Post Type
    Choose post type for the content of slider.
  2. Number of Post
    Set number of post for content slider.
  3. Post Offset
    Set number of post offset (start of content) of the slider.
  4. Include into Unique Content Group
    Choose unique content option, and this slider will be included into unique content group. It won’t duplicate content across the group. Ajax loaded content won’t affect this unique content feature.
  5. Include Post ID
    Include post id that you want to show for content slider. It can be done firstly by searching post id by inputting title, then click the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
  6. Exclude Post ID
    Exclude post id that you don’t want to show for content slider. It can be done firstly by searching post id by inputting title, then click the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
  7. Include Category
    Include which post category that you want to show for content slider.
  8. Exclude Category
    Exclude which post category that you don’t want to show for content slider.
  9. Author
    Choose which post author that you want to show for content slider.
  10. Include Tags
    Include which post tags that you want to show for content slider.
  11. Exclude Tags
    Exclude which post tags that you don’t want to show for content slider.
  12. Sort By
    Choose sorting method for the content of slider.

Design Tab

  1. Element ID
    Add an ID to this Element.
  2. Extra Class Name
    Add a class name and refer to it in custom CSS.
  3. Block / Column Width
    Please choose the width of the column you want to use on this slider. 1 Block represents 4 column.
  4. CSS Box
    Set CSS attribute for the slider.

 

Epic News Element – Slider 3

General Tab

  1. Number of Column
    Set number of carousel item column on each slide.
  2. Enable Autoplay
    Check this option to enable autoplay slider.
  3. Autoplay Delay
    Set autoplay delay of the slider in mili second. Please note, this option will appear and work if you enable autoplay slider option above.
  4. Choose Date Format
    Choose date format for the content of slider.
  5. Custom Date Format
    Set custom date format for the content of slider. Please note, this option will appear and work if you choose Custom Format on Choose Date Format option above.

Content Filter Tab

  1. Include Post Type
    Choose post type for the content of slider.
  2. Number of Post
    Set number of post for content slider.
  3. Post Offset
    Set number of post offset (start of content) of the slider.
  4. Include into Unique Content Group
    Choose unique content option, and this slider will be included into unique content group. It won’t duplicate content across the group. Ajax loaded content won’t affect this unique content feature.
  5. Include Post ID
    Include post id that you want to show for content slider. It can be done firstly by searching post id by inputting title, then click the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
  6. Exclude Post ID
    Exclude post id that you don’t want to show for content slider. It can be done firstly by searching post id by inputting title, then click the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
  7. Include Category
    Include which post category that you want to show for content slider.
  8. Exclude Category
    Exclude which post category that you don’t want to show for content slider.
  9. Author
    Choose which post author that you want to show for content slider.
  10. Include Tags
    Include which post tags that you want to show for content slider.
  11. Exclude Tags
    Exclude which post tags that you don’t want to show for content slider.
  12. Sort By
    Choose sorting method for the content of slider.

Design Tab

  1. Element ID
    Add an ID to this Element.
  2. Extra Class Name
    Add a class name and refer to it in custom CSS.
  3. Block / Column Width
    Please choose the width of the column you want to use on this slider. 1 Block represents 4 column.
  4. CSS Box
    Set CSS attribute for the slider.

 

Epic News Element – Slider 4

General Tab

  1. Enable Autoplay
    Check this option to enable autoplay slider.
  2. Use Full-Size Image
    Check this option to enable full-size image instead of cropped version.
  3. Autoplay Delay
    Set autoplay delay of slider in mili second. Please note, this option will appear and work if you enable auto play slider option above.
  4. Choose Date Format
    Choose date format for the content of slider.
  5. Custom Date Format
    Set custom date format for the content of slider. Please note, this option will appear and work if you choose Custom Format on Choose Date Format option above.

Content Filter Tab

  1. Include Post Type
    Choose post type for the content of slider.
  2. Number of Post
    Set number of post for content slider.
  3. Post Offset
    Set number of post offset (start of content) of the slider.
  4. Include into Unique Content Group
    Choose unique content option, and this slider will be included into unique content group. It won’t duplicate content across the group. Ajax loaded content won’t affect this unique content feature.
  5. Include Post ID
    Include post id that you want to show for content slider. It can be done firstly by searching post id by inputting title, then click the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
  6. Exclude Post ID
    Exclude post id that you don’t want to show for content slider. It can be done firstly by searching post id by inputting title, then click the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
  7. Include Category
    Include which post category that you want to show for content slider.
  8. Exclude Category
    Exclude which post category that you don’t want to show for content slider.
  9. Author
    Choose which post author that you want to show for content slider.
  10. Include Tags
    Include which post tags that you want to show for content slider.
  11. Exclude Tags
    Exclude which post tags that you don’t want to show for content slider.
  12. Sort By
    Choose sorting method for the content of slider.

Design Tab

  1. Element ID
    Add an ID to this Element.
  2. Extra Class Name
    Add a class name and refer to it in custom CSS.
  3. Block / Column Width
    Please choose the width of the column you want to use on this slider. 1 Block represents 4 column.
  4. CSS Box
    Set CSS attribute for the slider.

 

Epic News Element – Slider Overlay

General Tab

  1. Enable Fullscreen
    Check this option to enable full-screen slider.
  2. Show Navigation
    Check this option to show next and prev button to navigate slider.
  3. Overlay Option
    Choose overlay type that you want to use for the slider.
  4. Normal Overlay Color
    Set overlay color for the slider. Please note, this option will appear and work if you choose Normal Overlay on Overlay Option above.

Content Filter Tab

  1. Include Post Type
    Choose post type for the content of slider.
  2. Number of Post
    Set number of post for content slider.
  3. Post Offset
    Set number of post offset (start of content) of the slider.
  4. Include into Unique Content Group
    Choose unique content option, and this slider will be included into unique content group. It won’t duplicate content across the group. Ajax loaded content won’t affect this unique content feature.
  5. Include Post ID
    Include post id that you want to show for content slider. It can be done firstly by searching post id by inputting title, then click the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
  6. Exclude Post ID
    Exclude post id that you don’t want to show for content slider. It can be done firstly by searching post id by inputting title, then click the search result, and finally you will have your post id. You can also directly insert your post id, and click enter to add it on the list.
  7. Include Category
    Include which post category that you want to show for content slider.
  8. Exclude Category
    Exclude which post category that you don’t want to show for content slider.
  9. Author
    Choose which post author that you want to show for content slider.
  10. Include Tags
    Include which post tags that you want to show for content slider.
  11. Exclude Tags
    Exclude which post tags that you don’t want to show for content slider.
  12. Sort By
    Choose sorting method for the content of slider.

Design Tab

  1. Element ID
    Add an ID to this Element.
  2. Extra Class Name
    Add a class name and refer to it in custom CSS.
  3. Block / Column Width
    Please choose the width of the column you want to use on this slider. 1 Block represents 4 column.
  4. CSS Box
    Set CSS attribute for the slider.

 

Info

If you’re not familiar working with Visual Composer yet, you can follow this link for more complete information above Visual Composer.