200+ shortcodes & items
with 2 unique styles for unlimited possibilities


Loops

Choose global style for all shortcodes:ClassicSimple

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

Default code:

[blog count="2" style="modern" columns="2" category="" category_multi="" exclude_id="" more="1" filters="0" pagination="0" load_more="" greyscale="0" margin=""]

Attributes:

  • count - Number of posts to show
  • style - Select one of 6 available styles: classic, grid, masonry, masonry tiles, photo or timeline
  • columns - Numebr of columns, from 2 to 6
  • category - Enter category slug from which one you want to show posts
  • category_multi - Multiple categories slugs should be separated with coma ( , )
  • exclude_id - IDs should be separated with coma ( , )
  • more - Show read more link
  • filters - Show filters
  • pagination - Show pagination
  • load_more - This will replace all sliders on list with featured images. Please also show Pagination
  • greyscale - Converting Color Images to B&W
  • margin - for Style: Masonry Tiles only

Example of this shortcode below:

[blog count="6" category="" style="grid" columns="3" filters="0" greyscale="0" more="1" pagination="0"]

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

Attributes:

  • Count - Number of posts to show
  • Style - Select one of 6 available styles
  • Columns - Numebr of columns, from 2 to 6
  • Category - Select the category from which one you want to show posts
  • Multiple Categories - Slugs should be separated with coma ( , )
  • Exclude Posts - IDs should be separated with coma ( , )
  • Read More link - Show read more link
  • Filters - This option works in Category: All and Style: Masonry
  • Pagination - Show pagination
  • Load More button - This will replace all sliders on list with featured images. Please also show Pagination
  • Greyscale Images - Converting Color Images to B&W
  • Margin - for Style: Masonry Tiles only
  • Custom | Classes - Type your own class for the item - this is a useful option for those who want to create a special style.
    For example: you can type my-class-big-font class and then go to BeTheme options > Custom CSS & JS > Custom CSS and write your own styles for this class:
    .my-class-big-font { font-size:150% !important; font-weight:bold; }
December 7, 2015

Nulla ante tortor turpis duis

Etiam ut felis et nisi sagittis posuere. Vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor. In iaculis viverra neque, ac ele molestie id viverra aifend ante lobortis id. In viverra ipsum stie id viverra molestie id viverra.
December 7, 2015

In accumsan posuere libero id

Etiam condimentum faucibus eros sed condimentum odio nec leo. Aliquam quis metus. Aenean pellentesque ligula. Cras eu lectus sit amet consectetuer.
December 7, 2015

Vivamus sodales in quam

Magna tincidunt fermentum. Aliquam erat velit vel pulvinar sed, urna. Nunc vitae lacus. Phasellus in quam. Aliquam risus eu libero. Donec nonummy auctor non, porttitor varius. Ut lorem.
December 7, 2015

Suspendisse quis ex cras amet

Vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor. In iaculis viverra neque, ac ele molestie id viverra aifend.
December 7, 2015
Sed dignissim justo. Suspendisse fermentum erat. Duis consequat tortor. Mauris ut tellus a dolor. Suspendisse nec tellus. Donec quis lacus magna, sollicitudin id, turpis. Mauris in velit vel sollicitudin justo. Proin vitae massa nec cursus magna. Fusce blandit eu, ullamcorper in.
Phasellus hendrerit et, dictum a, sollicitudin fermentum, metus bibendum wisi arcu, rutrum et, pharetra velit malesuada pretium. Vestibulum tincidunt. Pellentesque dapibus tellus. Praesent justo. Quisque est ut aliquet tincidunt.
December 7, 2015
Quisque cursus vitae, faucibus orci eget dui ligula, in quam risus, commodo tempus, fringilla mi, rutrum ut, tincidunt lorem, ornare velit eleifend placerat. Vivamus risus. Sed sagittis tortor. Ut sit amet, ligula.

Default code:

[blog_news title="" style="" count="5" category="" category_multi="" excerpt="0" link="" link_title=""]

Attributes:

  • title - Blog News item title
  • style - Select one of 2 available styles: [default] and featured
  • count - Number of posts to show
  • category - Enter posts category slug
  • category_multi - Slugs should be separated with coma (,)
  • excerpt - Show excerpt, enter: 1
  • link - Button link (with http://)
  • link_title - Button title

Attributes:

  • Title - Blog News item title
  • Style - Select one of 2 available styles
  • Count - Number of posts to show
  • Category - Select posts category
  • Multiple Categories - Slugs should be separated with coma (,)
  • Excerpt - Show excerpt
  • Button Link - Button link (with http://)
  • Button Title - Button title
  • Custom | Classes - Type your own class for the item - this is a useful option for those who want to create a special style.
    For example: you can type my-class-big-font class and then go to BeTheme options > Custom CSS & JS > Custom CSS and write your own styles for this class:
    .my-class-big-font { font-size:150% !important; font-weight:bold; }

Default code:

[blog_teaser title="" title_tag="h3" category="" category_multi="" margin="1"]

Attributes:

  • title - Blog Teaser item title
  • title_tag - Title tag for 1st item, others use a smaller one
  • category - Enter category slug
  • category_multi - Slugs should be separated with coma (,)
  • margin - Show margin between items, enter: 1

Attributes:

  • Title - Blog Teaser item title
  • Title Tag - Title tag for 1st item, others use a smaller one
  • Category - Select category
  • Category Multi - Slugs should be separated with coma (,)
  • Margin - Margin between items
  • Custom | Classes - Type your own class for the item - this is a useful option for those who want to create a special style.
    For example: you can type my-class-big-font class and then go to BeTheme options > Custom CSS & JS > Custom CSS and write your own styles for this class:
    .my-class-big-font { font-size:150% !important; font-weight:bold; }

Blog teaser

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

Default code:

[blog_slider title="" count="5" category="" category_multi="" more="0" style="" navigation=""]

Attributes:

  • title - Title for Blog Slider item
  • count - Type the number of items to appear within the Blog Slider
  • category - Enter category slug to show posts<
  • category_multi - Slugs should be separated with coma (,)
  • more - To show Read More button for each post enter 1
  • style - Select one of 2 available styles: [empty - default], flat
  • navigation - You can hide navigation elements: hide-arrows, hide-dots or hide-nav

Example of this shortcode below:

[blog_slider title="Recent post" count="5" category="" category_multi="" more="1" style=""]

[blog_slider title="" count="5" category="" category_multi="" more="1" style="flat"]

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

Attributes:

  • Title - Title for Blog Slider item
  • Count - Type the number of items to appear within the Blog Slider
  • Category - Select category to show posts
  • Multiple Categories - Slugs should be separated with coma (,)
  • Show Read More button - Show Read More button for each post
  • Style - Select one of 2 available styles
  • Navigation - Option to hide arrows, dots or both
  • Custom | Classes - Type your own class for the item - this is a useful option for those who want to create a special style.
    For example: you can type my-class-big-font class and then go to BeTheme options > Custom CSS & JS > Custom CSS and write your own styles for this class:
    .my-class-big-font { font-size:150% !important; font-weight:bold; }

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.

Default code:

[portfolio count="2" style="grid" columns="3" category="" category_multi="" orderby="date" order="DESC" exclude_id="" related="0" filters="0" pagination="0" load_more="0" greyscale="0"]

Attributes:

  • count - Specify how many portfolio items you want to show on one page
  • style - Choose among 8 styles for portfolio item: flat, grid, masonry, masonry-hover, masonry-minimal, masonry-flat, list or exposure
  • columns - Select number of columns, recommended: 2 to 4
  • category - Portfolio items category slug
  • category_multi - Slugs should be separated with coma ( , )
  • orderby - Specify portfolio items orderby column: date, menu_order, title or rand
  • order - Select order: ASC or DESC
  • exclude_id - IDs should be separated with coma ( , )
  • related - Exclude current portfolio post. This option will override Exclude Posts option above. Enter: 1
  • filters - Show filters
  • pagination - Show pagination
  • load_more - Ajax Load More. This will replace all sliders on list with featured images. Please also show Pagination
  • greyscale - Convert images to greyscale

Example of this shortcode below:

[portfolio count="6" style="grid" columns="3" category="" orderby="date" order="DESC" related="0" filters="0" pagination="0" load_more="0" greyscale="0"]

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.

Attributes:

  • Count - Specify how many portfolio items you want to show on one page
  • Style - Choose among 8 styles for portfolio item
  • Columns - Select number of columns, recommended: 2 to 4
  • Category - Select portfolio items category
  • Multiple Categories - Slugs should be separated with coma ( , )
  • Order by - Specify portfolio items orderby column
  • Order - Select: ascending or descending order
  • Exclude Posts - IDs should be separated with coma ( , )
  • Use as Related Projects - Exclude current portfolio post. This option will override Exclude Posts option above
  • Filters - Show filters
  • Pagination - Show pagination
  • Load More button - This will replace all sliders on list with featured images. Please also show Pagination
  • Greyscale Images - Convert images to greyscale
  • Custom | Classes - Type your own class for the item - this is a useful option for those who want to create a special style.
    For example: you can type my-class-big-font class and then go to BeTheme options > Custom CSS & JS > Custom CSS and write your own styles for this class:
    .my-class-big-font { font-size:150% !important; font-weight:bold; }

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.

Attributes:

  • Count - Specify how many portfolio items you want to show
  • Category - Select portfolio items category
  • Multiple Categories - Slugs should be separated with coma ( , )
  • Order by - Specify portfolio items orderby column
  • Order - Select: ascending or descending order
  • Greyscale Images - Convert images to greyscale
  • Custom | Classes - Type your own class for the item - this is a useful option for those who want to create a special style.
    For example: you can type my-class-big-font class and then go to BeTheme options > Custom CSS & JS > Custom CSS and write your own styles for this class:
    .my-class-big-font { font-size:150% !important; font-weight:bold; }

Portfolio Photo

Attributes:

  • Count - Specify how many portfolio items you want to show
  • Category - Select portfolio items category
  • Multiple Categories - Slugs should be separated with coma ( , )
  • Order by - Specify portfolio items orderby column
  • Order - Select: ascending or descending order
  • Open in new window - Adds a target="_blank" attribute to the link
  • Greyscale Images - Convert images to greyscale
  • Custom | Classes - Type your own class for the item - this is a useful option for those who want to create a special style.
    For example: you can type my-class-big-font class and then go to BeTheme options > Custom CSS & JS > Custom CSS and write your own styles for this class:
    .my-class-big-font { font-size:150% !important; font-weight:bold; }

Portfolio slider

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

Default code:

[portfolio_slider count="5" category="" category_multi="" orderby="date" order="DESC" arrows=""]

Attributes:

  • count - Enter the number of items to display in Portfolio Slider
  • category - Portfolio items category slug
  • category_multi - Slugs should be separated with coma ( , )
  • orderby - Specify portfolio items orderby column: date, menu_order, title or rand
  • order - Select order: ASC or DESC
  • arrows - Navigation Arrows: [default - none], hover - Show on hover, always - always show

Example of this shortcode below:

[portfolio_slider count="6" category="" category_multi="" orderby="date" order="DESC"]

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

Attributes:

  • Count - Enter the number of items to display in Portfolio Slider
  • Category - Select portfolio items category
  • Multiple Categories - Slugs should be separated with coma ( , )
  • Order by - Specify portfolio items orderby column
  • Order - Select: ascending or descending order
  • Navigation Arrows - Show Navigation Arrows
  • Custom | Classes - Type your own class for the item - this is a useful option for those who want to create a special style.
    For example: you can type my-class-big-font class and then go to BeTheme options > Custom CSS & JS > Custom CSS and write your own styles for this class:
    .my-class-big-font { font-size:150% !important; font-weight:bold; }

This Item creates a Shop Slider featuring WooCommerce plugin products.

Default code:

[shop_slider title="" count="5" show="best-selling" category="" orderby="date" order="DESC"]

Attributes:

  • title - Title for shop slider item
  • count - Number of products to be shown
  • show - Show products: [default - all], featured, onsale or best-selling
  • category - Shop products category slug
  • orderby - Specify products orderby column: date, menu_order or title
  • order - Select order: ASC or DESC

Example of this shortcode below:

[shop_slider title="Recent products" count="5" show="" category="" orderby="date" order="DESC"]

This Item creates a Shop Slider featuring WooCommerce plugin products.

Attributes:

  • Title - Title for shop slider item
  • Count - Number of products to be shown
  • Show - Show products: All, Featured, On Sale, Best Selling
  • Category - Select products category
  • Order by - Specify proucts orderby column
  • Order - Select: ascending or descending order
  • Custom | Classes - Type your own class for the item - this is a useful option for those who want to create a special style.
    For example: you can type my-class-big-font class and then go to BeTheme options > Custom CSS & JS > Custom CSS and write your own styles for this class:
    .my-class-big-font { font-size:150% !important; font-weight:bold; }

Recent products

Clients - with this shortcode you can put Clients on a page.

Default code:

[clients in_row="6" category="" orderby="menu_order" order="ASC" style="" greyscale="0"]

Attributes:

  • in_row - Number of items in row. Recommended number: 3-6
  • category - Select client items category slug
  • orderby - Specify items orderby column: date, menu_order, title or rand
  • order - Select order: ASC or DESC
  • style - Select style: [default] or tiles
  • greyscale - Convert images to greyscale, enter 1

Example of this shortcode below:

[clients in_row="6" category="" orderby="menu_order" order="ASC" style="tiles" greyscale="0"]

[clients in_row="6" category="" orderby="menu_order" order="ASC" style="" greyscale="0"]

Clients - with this shortcode you can put Clients on a page.

Attributes:

  • Items in row - Number of items in row. Recommended number: 3-6
  • Category - Select client items category
  • Order by - Specify orderby column
  • Order - Select: ascending or descending order
  • Style - Select: Default or Tiles
  • Greyscale Images - Convert images to greyscale
  • Custom | Classes - Type your own class for the item - this is a useful option for those who want to create a special style.
    For example: you can type my-class-big-font class and then go to BeTheme options > Custom CSS & JS > Custom CSS and write your own styles for this class:
    .my-class-big-font { font-size:150% !important; font-weight:bold; }

Default code:

[clients_slider title="" category="" orderby="menu_order" order="ASC"]

Attributes:

  • title - Clients slider item title
  • category - Select client items category slug
  • orderby - Specify items orderby column: date, menu_order, title or rand
  • order - Select order: ASC or DESC

Example of this shortcode below:

[clients_slider title="Our clients" orderby="menu_order" order="ASC" category=""]

Attributes:

  • Title - Clients slider item title
  • Category - Select client items category
  • Order by - Specify orderby column
  • Order - Select: ascending or descending order
  • Custom | Classes - Type your own class for the item - this is a useful option for those who want to create a special style.
    For example: you can type my-class-big-font class and then go to BeTheme options > Custom CSS & JS > Custom CSS and write your own styles for this class:
    .my-class-big-font { font-size:150% !important; font-weight:bold; }

Our clients

Testimonials - used to present testimonials as a slider.

Default code:

[testimonials category="" orderby="menu_order" order="ASC" style="" hide_photos="0"]

Attributes:

  • category - Enter testimonials items category slug
  • orderby - Specify items orderby column: date, menu_order, title or rand
  • order - Select order: ASC or DESC
  • style - Select style: [default] or single-photo
  • hide_photos - To hide photos enter 1

Example of this shortcode below:

[testimonials category="" orderby="menu_order" order="ASC" style="" hide_photos="0"]

[testimonials category="" orderby="menu_order" order="ASC" style="single-photo" hide_photos="1"]

Testimonials - used to present testimonials as a slider.

Attributes:

  • Category - Select category
  • Order by - Specify orderby column
  • Order - Select: ascending or descending order
  • Style - Choose Default or Single Photo style
  • Hide Photos - Hide testimonials images that are not to be used
  • Custom | Classes - Type your own class for the item - this is a useful option for those who want to create a special style.
    For example: you can type my-class-big-font class and then go to BeTheme options > Custom CSS & JS > Custom CSS and write your own styles for this class:
    .my-class-big-font { font-size:150% !important; font-weight:bold; }
  • Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna.
    Tom Johnson
    CodeCanyon
  • Ut et iaculis ante, vel scelerisque tortor. Nulla dignissim, tellus sed aliquam ullamcorper, erat sem feugiat est, vitae dictum mi enim nec lectus.
    John Doe
    Muffin Group
  • Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus.
    Joan Avina
    Themeforest
  • Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel bibendum sapien massa ac turpis faucibus orci luctus non, consectetuer lobortis quis, varius in, purus. Integer ultrices posuere cubilia.
    Gordon Dale
    Muffin Group
  • Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna.
    Tom Johnson
    CodeCanyon
  • Ut et iaculis ante, vel scelerisque tortor. Nulla dignissim, tellus sed aliquam ullamcorper, erat sem feugiat est, vitae dictum mi enim nec lectus.
    John Doe
    Muffin Group
  • Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus.
    Joan Avina
    Themeforest
  • Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel bibendum sapien massa ac turpis faucibus orci luctus non, consectetuer lobortis quis, varius in, purus. Integer ultrices posuere cubilia.
    Gordon Dale
    Muffin Group

Testimonials list

Default code:

[testimonials_list category="" orderby="menu_order" order="ASC" style=""]

Attributes:

  • category - Enter testimonials items category slug
  • orderby - Specify items orderby column: date, menu_order, title or rand
  • order - Select order: ASC or DESC
  • style - Select style: [default] or quote

Example of this shortcode below:

[testimonials_list category="" orderby="menu_order" order="ASC"]

Attributes:

  • Category - Select category
  • Order by - Specify orderby column
  • Order - Select: ascending or descending order
  • Style - select Default or Quote above the author
  • Custom | Classes - Type your own class for the item - this is a useful option for those who want to create a special style.
    For example: you can type my-class-big-font class and then go to BeTheme options > Custom CSS & JS > Custom CSS and write your own styles for this class:
    .my-class-big-font { font-size:150% !important; font-weight:bold; }

Tom Johnson

CodeCanyon


Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna.

John Doe

Muffin Group


Ut et iaculis ante, vel scelerisque tortor. Nulla dignissim, tellus sed aliquam ullamcorper, erat sem feugiat est, vitae dictum mi enim nec lectus.

Joan Avina

Themeforest


Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus.

Gordon Dale

Muffin Group


Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel bibendum sapien massa ac turpis faucibus orci luctus non, consectetuer lobortis quis, varius in, purus. Integer ultrices posuere cubilia.

Offer slider

Attributes:

  • Category - Select category
  • Custom | Classes - Type your own class for the item - this is a useful option for those who want to create a special style.
    For example: you can type my-class-big-font class and then go to BeTheme options > Custom CSS & JS > Custom CSS and write your own styles for this class:
    .my-class-big-font { font-size:150% !important; font-weight:bold; }
1 / 3

Offer slider thumb

Attributes:

  • Category - Select a category
  • Style - Select Thumbnails on the left or Thumbnails at the bottom
  • Custom | Classes - Type your own class for the item - this is a useful option for those who want to create a special style.
    For example: you can type my-class-big-font class and then go to BeTheme options > Custom CSS & JS > Custom CSS and write your own styles for this class:
    .my-class-big-font { font-size:150% !important; font-weight:bold; }