Fullscreen Slider – Enfold 2017 Demo

Hi,

If you enable debug mode in order to see builder shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/, then you can paste the following shortcode to the page where you want the slider:

[av_fullscreen size='extra_large' image_attachment='fixed' animation='fade' autoplay='false' interval='5' control_layout='av-control-minimal' scroll_down='aviaTBscroll_down' perma_caption='aviaTBperma_caption']
[av_fullscreen_slide slide_type='image' id='1057' position='center center' video='' mobile_image='' video_cover='' title='THIS IS A FULLSCREEN SLIDER' custom_title_size='55' custom_content_size='' caption_pos='caption_center' link_apply='button button-two' link='lightbox' link_target='' button_label='Learn more' button_color='light' link1='manually,#next-section' link_target1='' button_label2='Buy now' button_color2='light' link2='manually,#next-section' link_target2='' font_color='' custom_title='' custom_content='' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='']
The slider stretches across the whole screen. You can set multiple fullscreen sliders per page if you want to.
[/av_fullscreen_slide]
[av_fullscreen_slide slide_type='image' id='480' position='center center' video='' mobile_image='' video_cover='' title='' custom_title_size='55' custom_content_size='' caption_pos='caption_center' link_apply='button button-two' link='lightbox' link_target='' button_label='Learn more' button_color='light' link1='manually,#next' link_target1='' button_label2='Buy now' button_color2='light' link2='manually,#' link_target2='' font_color='' custom_title='' custom_content='' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern=''][/av_fullscreen_slide]
[/av_fullscreen]

[av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0']
[av_heading heading='Fullscreen Slider' tag='h1' style='blockquote modern-quote' size='40' subheading_active='' subheading_size='15' padding='15' color='custom-color-heading' custom_font='#000000' admin_preview_bg=''][/av_heading]

[av_one_half first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[av_textblock size='' font_color='' color='' admin_preview_bg='']
This slider stretches across the whole screen. You can set multiple sliders per page and also set their properties individually. Like, for example, the background image behaviour (parallax anyone?), image color overlays, captions, etc
[/av_textblock]

[/av_one_half][av_one_half min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[av_textblock size='' font_color='' color='' admin_preview_bg='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque <strong>penatibus</strong> et magnis dis parturient montes, nascetur <strong>ridiculus</strong> mus.
[/av_textblock]

[/av_one_half]
[/av_section]

Best regards,
Rikard

Hi,

No, the shortcode goes into the box under the Layout Builder after you have enabled debug mode, could you try that out please?

Best regards,
Rikard