[fusion_builder_container backgroundcolor=»» backgroundimage=»» backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_webm=»» video_mp4=»» video_ogv=»» video_preview_image=»» overlay_color=»» video_mute=»yes» video_loop=»yes» fade=»yes» bordersize=»0px» bordercolor=»#eaeaea» borderstyle=»solid» paddingtop=»30px» paddingbottom=»40px» paddingleft=»0px» paddingright=»0px» menu_anchor=»» equal_height_columns=»no» hundred_percent=»no» class=»» id=»»][fusion_builder_row][fusion_builder_column type=»1_1″ layout=»1_1″ last=»yes» spacing=»yes» background_color=»#f6f6f6″ background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»solid» padding=»40px» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_text]
Media Shortcodes
Avada has several built in short codes to manage your media. Youtube and Vimeo videos can be used all throughout the site and are all fully responsive. Images and videos can open in a lightbox, and you can use Soundcloud for all your audio files. All of this is easily accessed via built-in shortcodes.
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=»» backgroundimage=»» backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_webm=»» video_mp4=»» video_ogv=»» video_preview_image=»» overlay_color=»» video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» bordercolor=»» borderstyle=»solid» paddingtop=»0px» paddingbottom=»60px» paddingleft=»0px» paddingright=»0px» menu_anchor=»» equal_height_columns=»no» hundred_percent=»no» class=»» id=»»][fusion_builder_row][fusion_builder_column type=»1_2″ layout=»1_2″ last=»no» spacing=»yes» background_color=»» background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»» padding=»» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_text][/fusion_text][/fusion_builder_column][fusion_builder_column type=»1_2″ layout=»1_2″ last=»yes» spacing=»yes» background_color=»» background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»» padding=»» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_vimeo id=»32987274″ width=»1100″ height=»620″ autoplay=»no» api_params=»» class=»» /][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=»» backgroundimage=»» backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_webm=»» video_mp4=»» video_ogv=»» video_preview_image=»» overlay_color=»» video_mute=»yes» video_loop=»yes» fade=»yes» bordersize=»0px» bordercolor=»#eaeaea» borderstyle=»solid» paddingtop=»0px» paddingbottom=»0px» paddingleft=»0px» paddingright=»0px» menu_anchor=»» equal_height_columns=»no» hundred_percent=»no» class=»» id=»»][fusion_builder_row][fusion_builder_column type=»1_1″ layout=»1_1″ last=»yes» spacing=»yes» background_color=»#f6f6f6″ background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»solid» padding=»40px» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_text]
Lightbox Shortcode
The Lightbox Shortcode lets you display high resolution images in a lightbox and a thumbnail that triggers it. You can also have an image as a thumbnail, but display a video in the lightbox. This shortcode is fully responsive, and is compatible with any size of our columns shortcode. This shortcode also has the option to add Alternative Information in case the image or video does not load properly.
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=»» backgroundimage=»» backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_webm=»» video_mp4=»» video_ogv=»» video_preview_image=»» overlay_color=»» video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» bordercolor=»» borderstyle=»solid» paddingtop=»30px» paddingbottom=»60px» paddingleft=»0px» paddingright=»0px» menu_anchor=»» equal_height_columns=»no» hundred_percent=»no» class=»» id=»»][fusion_builder_row][fusion_builder_column type=»1_4″ layout=»1_4″ last=»no» spacing=»yes» background_color=»» background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»» padding=»» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_text][/fusion_text][/fusion_builder_column][fusion_builder_column type=»1_4″ layout=»1_4″ last=»no» spacing=»yes» background_color=»» background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»» padding=»» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_text][/fusion_text][/fusion_builder_column][fusion_builder_column type=»1_4″ layout=»1_4″ last=»no» spacing=»yes» background_color=»» background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»» padding=»» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_text][/fusion_text][/fusion_builder_column][fusion_builder_column type=»1_4″ layout=»1_4″ last=»yes» spacing=»yes» background_color=»» background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»» padding=»» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_text][/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=»» backgroundimage=»» backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_webm=»» video_mp4=»» video_ogv=»» video_preview_image=»» overlay_color=»» video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» bordercolor=»» borderstyle=»solid» paddingtop=»0px» paddingbottom=»0px» paddingleft=»0px» paddingright=»0px» menu_anchor=»» equal_height_columns=»no» hundred_percent=»no» class=»» id=»»][fusion_builder_row][fusion_builder_column type=»1_1″ layout=»1_1″ last=»yes» spacing=»yes» background_color=»#f6f6f6″ background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»solid» padding=»40px» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_text]
Youtube Shortcode
The Youtube Shortcode allows you to display videos from Youtube by simply entering the video ID. This shortcode is fully responsive and allows you to indicate the width and height it will display in. This shortcode also gives you the option to autoplay the video, and to add additional API parameters.
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=»» backgroundimage=»» backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_webm=»» video_mp4=»» video_ogv=»» video_preview_image=»» overlay_color=»» video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» bordercolor=»» borderstyle=»solid» paddingtop=»30px» paddingbottom=»60px» paddingleft=»0px» paddingright=»0px» menu_anchor=»» equal_height_columns=»no» hundred_percent=»no» class=»» id=»»][fusion_builder_row][fusion_builder_column type=»1_1″ layout=»1_1″ background_position=»left top» background_color=»» border_size=»» border_color=»» border_style=»solid» spacing=»yes» background_image=»» background_repeat=»no-repeat» padding=»» margin_top=»0px» margin_bottom=»0px» class=»» id=»» animation_type=»» animation_speed=»0.3″ animation_direction=»left» hide_on_mobile=»no» center_content=»no» min_height=»none» last=»no» hover_type=»none» link=»» border_position=»all»][fusion_youtube id=»dSn72h_6I9Q» width=»1100″ height=»510″ autoplay=»no» api_params=»» class=»» /][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=»» backgroundimage=»» backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_webm=»» video_mp4=»» video_ogv=»» video_preview_image=»» overlay_color=»» video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» bordercolor=»» borderstyle=»solid» paddingtop=»0px» paddingbottom=»0px» paddingleft=»0px» paddingright=»0px» menu_anchor=»» equal_height_columns=»no» hundred_percent=»no» class=»» id=»»][fusion_builder_row][fusion_builder_column type=»1_1″ layout=»1_1″ last=»yes» spacing=»yes» background_color=»#f6f6f6″ background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»solid» padding=»40px» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_text]
Vimeo Shortcode
The Vimeo Shortcode allows you to display videos from Vimeo by simply entering the video ID. This shortcode is fully responsive and allows you to indicate the width and height it will display in. This shortcode also gives you the option to autoplay the video, and to add additional API parameters.
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=»» backgroundimage=»» backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_webm=»» video_mp4=»» video_ogv=»» video_preview_image=»» overlay_color=»» video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» bordercolor=»» borderstyle=»solid» paddingtop=»30px» paddingbottom=»60px» paddingleft=»0px» paddingright=»0px» menu_anchor=»» equal_height_columns=»no» hundred_percent=»no» class=»» id=»»][fusion_builder_row][fusion_builder_column type=»1_1″ layout=»1_1″ background_position=»left top» background_color=»» border_size=»» border_color=»» border_style=»solid» spacing=»yes» background_image=»» background_repeat=»no-repeat» padding=»» margin_top=»0px» margin_bottom=»0px» class=»» id=»» animation_type=»» animation_speed=»0.3″ animation_direction=»left» hide_on_mobile=»no» center_content=»no» min_height=»none» last=»no» hover_type=»none» link=»» border_position=»all»][fusion_vimeo id=»32987274″ width=»1100″ height=»620″ autoplay=»no» api_params=»» class=»» /][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=»» backgroundimage=»» backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_webm=»» video_mp4=»» video_ogv=»» video_preview_image=»» overlay_color=»» video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» bordercolor=»» borderstyle=»solid» paddingtop=»0px» paddingbottom=»0px» paddingleft=»0px» paddingright=»0px» menu_anchor=»» equal_height_columns=»no» hundred_percent=»no» class=»» id=»»][fusion_builder_row][fusion_builder_column type=»1_1″ layout=»1_1″ last=»yes» spacing=»yes» background_color=»#f6f6f6″ background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»solid» padding=»40px» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_text]
Souncloud Shortcode
The Soundcloud Shortcode allows you to insert Soundcloud audio into your website with ease. Simply indicate the URL, and you’re good to go. This shortcode is fully responsive, and works perfectly with our columns shortcode. It also features some meta options such as width, height, auto play, color, and comments.
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=»» backgroundimage=»» backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_webm=»» video_mp4=»» video_ogv=»» video_preview_image=»» overlay_color=»» video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» bordercolor=»» borderstyle=»solid» paddingtop=»30px» paddingbottom=»60px» paddingleft=»0px» paddingright=»0px» menu_anchor=»» equal_height_columns=»no» hundred_percent=»no» class=»» id=»»][fusion_builder_row][fusion_builder_column type=»1_1″ layout=»1_1″ background_position=»left top» background_color=»» border_size=»» border_color=»» border_style=»solid» spacing=»yes» background_image=»» background_repeat=»no-repeat» padding=»» margin_top=»0px» margin_bottom=»0px» class=»» id=»» animation_type=»» animation_speed=»0.3″ animation_direction=»left» hide_on_mobile=»no» center_content=»no» min_height=»none» last=»no» hover_type=»none» link=»» border_position=»all»][fusion_soundcloud url=»http://soundcloud.com/futuresounds-bgr/aaliyah-enough-said-feat-drake» comments=»true» auto_play=»false» color=»ff7700″ width=»100%» height=»150px» class=»» id=»» /][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=»» backgroundimage=»» backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_webm=»» video_mp4=»» video_ogv=»» video_preview_image=»» overlay_color=»» video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» bordercolor=»» borderstyle=»solid» paddingtop=»0px» paddingbottom=»0px» paddingleft=»0px» paddingright=»0px» menu_anchor=»» equal_height_columns=»no» hundred_percent=»no» class=»» id=»»][fusion_builder_row][fusion_builder_column type=»1_1″ layout=»1_1″ last=»yes» spacing=»yes» background_color=»#f6f6f6″ background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»solid» padding=»40px» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_text]
Complete Set of Options
Every option and description included with the media shortcodes are listed below.
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundcolor=»» backgroundimage=»» backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_webm=»» video_mp4=»» video_ogv=»» video_preview_image=»» overlay_color=»» video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» bordercolor=»» borderstyle=»solid» paddingtop=»30px» paddingbottom=»80px» paddingleft=»0px» paddingright=»0px» menu_anchor=»» equal_height_columns=»yes» hundred_percent=»no» class=»» id=»»][fusion_builder_row][fusion_builder_column type=»1_2″ layout=»1_2″ last=»no» spacing=»yes» background_color=»#f8f8f8″ background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»1px» border_color=»#eaeaea» border_style=»solid» padding=»30px» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_title size=»2″ content_align=»left» style_type=»single solid» sep_color=»» class=»» id=»»]Lightbox Shortcode[/fusion_title][fusion_checklist icon=»fa-check» iconcolor=»#333333″ circle=»no» circlecolor=»» size=»small» class=»» id=»»][fusion_li_item icon=»»]title – the custom description text that will be displayed inside the lightbox.[/fusion_li_item][fusion_li_item icon=»»]href – The URL path of the image, video or website you want to open in the lightbox.[/fusion_li_item][fusion_li_item icon=»»]data-rel – Must stay as prettyPhoto for the lightbox to work.[/fusion_li_item][fusion_li_item icon=»»]src – The URL path of the small image that will trigger the lightbox.[/fusion_li_item][fusion_li_item icon=»»]alt – The custom alternative title text that will show up in the lightbox.[/fusion_li_item][fusion_li_item icon=»»]class – Add a custom class to the wrapping HTML element for further css customization.[/fusion_li_item][fusion_li_item icon=»»]id – Add a custom id to the wrapping HTML element for further css customization.[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=»1_2″ layout=»1_2″ last=»yes» spacing=»yes» background_color=»#f8f8f8″ background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»1px» border_color=»#eaeaea» border_style=»solid» padding=»30px» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_title size=»2″ content_align=»left» style_type=»single solid» sep_color=»» class=»» id=»»]Youtube Shortcode[/fusion_title][fusion_checklist icon=»fa-check» iconcolor=»#333333″ circle=»no» circlecolor=»» size=»small» class=»» id=»»][fusion_li_item icon=»»]id – The id of the video you want to insert. For example, the Video ID for http://www.youtube.com/LOfeCR7KqUs is LOfeCR7KqUs.[/fusion_li_item][fusion_li_item icon=»»]width – Accepts a pixel value or a percentage to set the width. For example, 1px, or 50%. Leave Blank for full width.[/fusion_li_item][fusion_li_item icon=»»]height – Accepts a pixel value or a percentage to set the height. For example, 1px, or 50%. Leave Blank for full width.[/fusion_li_item][fusion_li_item icon=»»]autoplay – Can be one of these values: yes, or no. This will enable or disable autoplay.[/fusion_li_item][fusion_li_item icon=»»]api_params – An additonal vimeo video paramter option.[/fusion_li_item][fusion_li_item icon=»»]class – Add a custom class to the wrapping HTML element for further css customization.[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=»1_2″ layout=»1_2″ last=»no» spacing=»yes» background_color=»#f8f8f8″ background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»1px» border_color=»#eaeaea» border_style=»solid» padding=»30px» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_title size=»2″ content_align=»left» style_type=»single solid» sep_color=»» class=»» id=»»]Vimeo Shortcode[/fusion_title][fusion_checklist icon=»fa-check» iconcolor=»#333333″ circle=»no» circlecolor=»» size=»small» class=»» id=»»][fusion_li_item icon=»»]id – The id of the video you want to insert. For example, the Video ID for https://vimeo.com/75230326 is 75230326.[/fusion_li_item][fusion_li_item icon=»»]width – Accepts a pixel value or a percentage to set the width. For example, 1px, or 50%. Leave Blank for full width.[/fusion_li_item][fusion_li_item icon=»»]height – Accepts a pixel value or a percentage to set the height. For example, 1px, or 50%. Leave Blank for full width.[/fusion_li_item][fusion_li_item icon=»»]autoplay – Can be one of these values: yes, or no. This will enable or disable autoplay.[/fusion_li_item][fusion_li_item icon=»»]api_params – An additonal vimeo video paramter option.[/fusion_li_item][fusion_li_item icon=»»]class – Add a custom class to the wrapping HTML element for further css customization.[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=»1_2″ layout=»1_2″ last=»yes» spacing=»yes» background_color=»#f8f8f8″ background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»1px» border_color=»#eaeaea» border_style=»solid» padding=»30px» class=»» id=»» min_height=»» hover_type=»none» link=»» border_position=»all»][fusion_title size=»2″ content_align=»left» style_type=»single solid» sep_color=»» class=»» id=»»]Soundcloud Shortcode[/fusion_title][fusion_checklist icon=»fa-check» iconcolor=»#333333″ circle=»no» circlecolor=»» size=»small» class=»» id=»»][fusion_li_item icon=»»]url – The URL path of the soundcloud track you want to embed. For example, http://api.soundcloud.com/tracks/110813479.[/fusion_li_item][fusion_li_item icon=»»]comments – Can be one of these values: yes, or no. This will show or hide comments.[/fusion_li_item][fusion_li_item icon=»»]auto_play – Can be one of these values: yes, or no. This will enable or disable autoplay.[/fusion_li_item][fusion_li_item icon=»»]color – Accepts a hexcode ( #000000 ). Sets the color.[/fusion_li_item][fusion_li_item icon=»»]width – Accepts a pixel value or a percentage to set the width. For example, 1px, or 50%. Leave Blank for full width.[/fusion_li_item][fusion_li_item icon=»»]height – Accepts a pixel value or a percentage to set the height. For example, 1px, or 50%. Leave Blank for full width.[/fusion_li_item][fusion_li_item icon=»»]class – Add a custom class to the wrapping HTML element for further css customization.[/fusion_li_item][fusion_li_item icon=»»]id – Add a custom id to the wrapping HTML element for further css customization.[/fusion_li_item][/fusion_checklist][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container hundred_percent=»no» hundred_percent_height=»no» hundred_percent_height_scroll=»no» hundred_percent_height_center_content=»yes» equal_height_columns=»no» menu_anchor=»» hide_on_mobile=»small-visibility,medium-visibility,large-visibility» class=»» id=»» background_color=»» background_image=»http://crisbe.theappindustry.com/wp-content/uploads/2017/11/home_slider.jpg» background_position=»center center» background_repeat=»no-repeat» fade=»no» background_parallax=»none» enable_mobile=»no» parallax_speed=»» video_mp4=»» video_webm=»» video_ogv=»» video_url=»» video_aspect_ratio=»» video_loop=»yes» video_mute=»yes» video_preview_image=»» border_size=»» border_color=»» border_style=»solid» margin_top=»» margin_bottom=»» padding_top=»50px» padding_right=»» padding_bottom=»80px» padding_left=»»][fusion_builder_row][fusion_builder_column type=»1_1″ layout=»1_1″ background_position=»left top» background_color=»» border_size=»» border_color=»» border_style=»solid» spacing=»yes» background_image=»» background_repeat=»no-repeat» padding=»» margin_top=»0px» margin_bottom=»0px» class=»» id=»» animation_type=»» animation_speed=»0.3″ animation_direction=»left» hide_on_mobile=»no» center_content=»no» min_height=»none» last=»no» hover_type=»none» link=»» border_position=»all»][fusion_text]
Join The 100,000+ Satisfied Avada Users!
[/fusion_text][fusion_button link=»http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion» color=»custom» size=»xlarge» type=»flat» shape=»round» target=»_blank» title=»» button_gradient_top_color=»rgba(255,255,255,.1)» button_gradient_bottom_color=»rgba(255,255,255,.1)» button_gradient_top_color_hover=»rgba(255, 255, 255, 0.25)» button_gradient_bottom_color_hover=»rgba(255, 255, 255, 0.25)» accent_color=»rgba(255,255,255,.8)» accent_hover_color=»#ffffff» bevel_color=»» border_width=»2px» shadow=»no» icon=»» icon_position=»left» icon_divider=»yes» modal=»» animation_type=»fade» animation_direction=»up» animation_speed=»1″ alignment=»center» class=»» id=»»] BUY AVADA NOW![/fusion_button][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]