Content Elements

Theme Content Elements

This is a custom row on behalf of the theme’s default header for the page and in this page you will see the most important content elements known also as shortodes which you can use to build you pages.

Publications short-code

This element can be used to list your publications at a page. You can select distinctively, order, offset and exclude and also determine the number of items in the list.

[hubble_publications post_type=”publications” max_items=”3″]

List with Title

A nice element with 3 main features:

  1. title
  2. lable at the background of title
  3. contents
[hubble_list_title items=”%5B%7B%22title%22%3A%22Proffessor%22%2C%22label%22%3A%222000-2014%22%2C%22content%22%3A%22Material%20Department%20%3Cbr%3E%20University%20of%20California%2C%20Santa%20Barbara%22%7D%2C%7B%22title%22%3A%22Proffessor%22%2C%22label%22%3A%222000-2014%22%2C%22content%22%3A%22Material%20Department%20%3Cbr%3E%20University%20of%20California%2C%20Santa%20Barbara%22%7D%5D”]

List with Numbers

A nice list elements with bold design numbers to grab visitors attention.

[hubble_list_numbers items=”%5B%7B%22text%22%3A%22The%20text%20of%20the%20item%20inside%20the%20list%22%7D%2C%7B%22text%22%3A%22The%20text%20of%20the%20item%20inside%20the%20list%22%7D%2C%7B%22text%22%3A%22The%20text%20of%20the%20item%20inside%20the%20list%22%7D%2C%7B%22text%22%3A%22The%20text%20of%20the%20item%20inside%20the%20list%22%7D%5D”]

Timeline List

If you are listing some items which are belong to some groups in some sort, you can use this timeline like list.

[hubble_list_timeline items=”%5B%7B%22title%22%3A%22The%20title%20goes%20here%22%2C%22label%22%3A%222017%22%2C%22content%22%3A%22Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipisicing%20elit%2C%20sed%20do%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipisicing%20elit%2C%20sed%20do%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%22%2C%22url%22%3A%22url%3A%2523%7Ctitle%3AA%2520link%2520here%7C%7C%22%2C%22icon_type%22%3A%22hubbleicons%22%2C%22icon_fontawesome%22%3A%22fa%20fa-info-circle%22%2C%22icon_openiconic%22%3A%22vc-oi%20vc-oi-dial%22%2C%22icon_typicons%22%3A%22typcn%20typcn-adjust-brightness%22%2C%22icon_entypo%22%3A%22entypo-icon%20entypo-icon-note%22%2C%22icon_linecons%22%3A%22vc_li%20vc_li-heart%22%2C%22icon_hubbleicons%22%3A%22oli%20oli-heart%22%7D%2C%7B%22title%22%3A%22The%20title%20goes%20here%22%2C%22label%22%3A%222012%22%2C%22content%22%3A%22Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipisicing%20elit%2C%20sed%20do%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipisicing%20elit%2C%20sed%20do%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%22%2C%22url%22%3A%22url%3A%2523%7Ctitle%3AA%2520link%2520here%7C%7C%22%2C%22icon_type%22%3A%22hubbleicons%22%2C%22icon_fontawesome%22%3A%22fa%20fa-info-circle%22%2C%22icon_openiconic%22%3A%22vc-oi%20vc-oi-dial%22%2C%22icon_typicons%22%3A%22typcn%20typcn-adjust-brightness%22%2C%22icon_entypo%22%3A%22entypo-icon%20entypo-icon-note%22%2C%22icon_linecons%22%3A%22vc_li%20vc_li-heart%22%2C%22icon_hubbleicons%22%3A%22oli%20oli-Mendeley%22%7D%2C%7B%22title%22%3A%22The%20title%20goes%20here%22%2C%22label%22%3A%222006%22%2C%22content%22%3A%22Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipisicing%20elit%2C%20sed%20do%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipisicing%20elit%2C%20sed%20do%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%22%2C%22url%22%3A%22url%3A%2523%7Ctitle%3AA%2520link%2520here%7C%7C%22%2C%22icon_type%22%3A%22hubbleicons%22%2C%22icon_fontawesome%22%3A%22fa%20fa-info-circle%22%2C%22icon_openiconic%22%3A%22vc-oi%20vc-oi-dial%22%2C%22icon_typicons%22%3A%22typcn%20typcn-adjust-brightness%22%2C%22icon_entypo%22%3A%22entypo-icon%20entypo-icon-note%22%2C%22icon_linecons%22%3A%22vc_li%20vc_li-heart%22%2C%22icon_hubbleicons%22%3A%22oli%20oli-cosine%22%7D%5D”]

HTML Definition List

This element can be used to provide description for some terms and also as a table to list some items and their descriptions.

[hubble_list_definition items=”%5B%7B%22title%22%3A%22Math%22%2C%22content%22%3A%22Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipisicing%20elit.Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipisicing%20elit.%22%7D%2C%7B%22title%22%3A%22Analytics%22%2C%22content%22%3A%22Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipisicing%20elit.%22%7D%2C%7B%22title%22%3A%22Statistics%22%2C%22content%22%3A%22Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipisicing%20elit.%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipisicing%20elit.%22%7D%5D”]

Simple Icon Box

Eye catching set of icon and title and description.

[hubble_iconbox icon_hubbleicons=”oli oli-pressure” title=”Title of the iconbox”]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.[/hubble_iconbox]
[hubble_iconbox icon_hubbleicons=”oli oli-degrees” title=”Title of the iconbox”]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.[/hubble_iconbox]

Icon Box – side icon

Eye catching set of icon and title and description.

[hubble_iconbox icon_hubbleicons=”oli oli-pressure” iconbox_type=”2″ title=”Title of the iconbox”]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.[/hubble_iconbox]
[hubble_iconbox icon_hubbleicons=”oli oli-degrees” iconbox_type=”2″ title=”Title of the iconbox”]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.[/hubble_iconbox]

Icon Box – with background label

Eye catching set of icon and title and description.

[hubble_iconbox icon_hubbleicons=”oli oli-pressure” iconbox_type=”3″ title=”Title of the iconbox” behind_title=”1920″]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.[/hubble_iconbox]
[hubble_iconbox icon_hubbleicons=”oli oli-degrees” iconbox_type=”3″ title=”Title of the iconbox” behind_title=”2017″]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.[/hubble_iconbox]

Icon Box – circular

Eye catching set of icon and title and description.

[hubble_iconbox icon_hubbleicons=”oli oli-pressure” iconbox_type=”4″ title=”Title of the iconbox”]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.[/hubble_iconbox]
[hubble_iconbox icon_hubbleicons=”oli oli-degrees” iconbox_type=”4″ title=”Title of the iconbox”]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.[/hubble_iconbox]

Buttons

[hubble_btn color=”none” transparent=”” wide=”” with_icon=””]
[hubble_btn color=”btn-skin-red” transparent=”” wide=”” with_icon=””]
[hubble_btn shape=”btn-circle” color=”btn-skin-yellow” transparent=”” wide=”yes” with_icon=”yes” animate_icon=”yes” icon_align=”left” icon_type=”fontawesome”]
[hubble_btn size=”btn-small” color=”none” transparent=”” wide=”” with_icon=””]
[hubble_btn size=”btn-small” shape=”btn-round” color=”btn-skin-blue” transparent=”” wide=”” with_icon=””]
[hubble_btn color=”btn-skin-purple” transparent=”” wide=”yes” with_icon=”yes” animate_icon=”yes” icon_align=”left”]
[hubble_btn size=”btn-large” color=”none” transparent=”” wide=”” with_icon=””]
[hubble_btn size=”btn-large” shape=”btn-circle” color=”btn-skin-green” transparent=”” wide=”” with_icon=””]
[hubble_btn size=”btn-small” shape=”btn-round” color=”btn-skin-blue” transparent=”” wide=”yes” with_icon=”yes” animate_icon=”yes” icon_hubbleicons=”oli oli-clouds”]

Linkable Image with Title

[hubble_image_title title=”The title goes here” image=”130″ url=”url:%23|||”]
[hubble_image_title title=”The title goes here” image=”131″ url=”url:%23|||”]

Linkable Logos Grid

[hubble_logo_grid columns=”4″ logos=”%5B%7B%22logo%22%3A%22149%22%7D%2C%7B%22logo%22%3A%22148%22%7D%2C%7B%22logo%22%3A%22147%22%7D%2C%7B%22logo%22%3A%22146%22%7D%2C%7B%22logo%22%3A%22145%22%7D%2C%7B%22logo%22%3A%22145%22%7D%2C%7B%22logo%22%3A%22145%22%7D%2C%7B%22logo%22%3A%22145%22%7D%5D”]

Persons List

[hubble_person title1=”Person Name” title2=”Their title” image=”179″ url=”url:%23|||”]
[hubble_person title1=”Person Name” title2=”Their title” image=”7″ url=”url:%23|title:Research%20Gate||”]

Google Maps

Easy Video Embed

Simple Image Slider

Print Friendly, PDF & Email