[av_slideshow_accordion slide_type=’image-based’ link=’category’ items=’5′ offset=’0′ size=’magazine’ autoplay=’false’ interval=’5′ title=’active’ accordion_align=’av-accordion-text-center’ custom_title_size=’20’ custom_excerpt_size= »]
[av_slide_accordion id=’871′ title=’MacBook Pro’ link=’lightbox’ link_target= »][/av_slide_accordion]
[av_slide_accordion id=’870′ title=’Pen and Paper’ link=’lightbox’ link_target= »][/av_slide_accordion]
[av_slide_accordion id=’869′ title=’Cool Glasses’ link=’lightbox’ link_target= »][/av_slide_accordion]
[av_slide_accordion id=’868′ title=’Diet Pills’ link=’lightbox’ link_target= »][/av_slide_accordion]
[av_slide_accordion id=’867′ title=’Closed MacBook’ link=’lightbox’ link_target= »][/av_slide_accordion]
[av_slide_accordion id=’866′ title=’Small Green’ link=’lightbox’ link_target= »][/av_slide_accordion]
[av_slide_accordion id=’865′ title=’iPad Power’ link=’lightbox’ link_target= »][/av_slide_accordion]
[/av_slideshow_accordion]
[av_one_full 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_heading tag=’h1′ padding=’0′ heading=’Accordion Slider’ color=’custom-color-heading’ style=’blockquote modern-quote’ custom_font=’#000000′ size=’40’ subheading_active= » subheading_size=’15’ custom_class= » admin_preview_bg= »][/av_heading]
[av_textblock size= » font_color= » color= » admin_preview_bg=’rgb(255, 255, 255)’]
The accordion slider is either a full width element (as seen above) if placed at the top level of your advanced layout builder canvas, or when placed inside a column or section, an element that stretches as wide as the parent element is. (as seen below)
[/av_textblock] [av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color= » custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color= » icon=’ue808′ font=’entypo-fontello’ admin_preview_bg= »] [av_slideshow_accordion slide_type=’image-based’ link=’category’ items=’5′ offset=’0′ size=’magazine’ autoplay=’false’ interval=’5′ title=’active’ accordion_align=’av-accordion-text-center’ custom_title_size=’20’ custom_excerpt_size= »] [av_slide_accordion id=’867′][/av_slide_accordion] [av_slide_accordion id=’866′][/av_slide_accordion] [av_slide_accordion id=’865′][/av_slide_accordion] [av_slide_accordion id=’864′][/av_slide_accordion] [av_slide_accordion id=’863′][/av_slide_accordion] [/av_slideshow_accordion] [av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color= » custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color= » icon=’ue808′ font=’entypo-fontello’ admin_preview_bg= »] [av_textblock size= » font_color= » color= » admin_preview_bg=’rgb(255, 255, 255)’] Accordion slides got a setting for auto rotation, as well as some settings for caption and excerpts. You can place as many images as you like but in general 2-7 is a good idea 😉
[/av_textblock] [av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color= » custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color= » icon=’ue808′ font=’entypo-fontello’ admin_preview_bg= »] [av_slideshow_accordion slide_type=’image-based’ link=’category’ items=’5′ offset=’0′ size=’featured’ autoplay=’false’ interval=’5′ title=’active’ accordion_align=’av-accordion-text-center’ custom_title_size=’20’ custom_excerpt_size= »] [av_slide_accordion id=’1183′][/av_slide_accordion] [av_slide_accordion id=’1057′][/av_slide_accordion] [av_slide_accordion id=’480′][/av_slide_accordion] [/av_slideshow_accordion] [av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color= » custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color= » icon=’ue808′ font=’entypo-fontello’ admin_preview_bg= »] [av_heading tag=’h1′ padding=’0′ heading=’Entry Based Accordion Slider’ color=’custom-color-heading’ style=’blockquote modern-quote’ custom_font=’#000000′ size=’40’ subheading_active= » subheading_size=’15’ custom_class= » admin_preview_bg= »][/av_heading] [av_textblock size= » font_color= » color= » admin_preview_bg=’rgb(255, 255, 255)’] You can also place accordion sliders that are based on entries like blog, portfolio or even WooCommerce products. Display any number of posts this way in a unique and modern way. Displayed below are a few portfolio entries:
[/av_textblock] [av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color= » custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color= » icon=’ue808′ font=’entypo-fontello’ admin_preview_bg= »] [av_slideshow_accordion slide_type=’entry-based’ link=’portfolio_entries’ items=’4′ offset=’0′ size=’magazine’ autoplay=’false’ interval=’5′ title=’active’ accordion_align=’av-accordion-text-center’ custom_title_size=’20’ custom_excerpt_size=’13’] [av_slide_accordion id=’1183′ title= » link= » link_target= »][/av_slide_accordion] [av_slide_accordion id=’1057′ title= » link= » link_target= »][/av_slide_accordion] [av_slide_accordion id=’480′ title= » link= » link_target= »][/av_slide_accordion] [/av_slideshow_accordion] [/av_one_full]
[/av_textblock] [av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color= » custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color= » icon=’ue808′ font=’entypo-fontello’ admin_preview_bg= »] [av_slideshow_accordion slide_type=’image-based’ link=’category’ items=’5′ offset=’0′ size=’magazine’ autoplay=’false’ interval=’5′ title=’active’ accordion_align=’av-accordion-text-center’ custom_title_size=’20’ custom_excerpt_size= »] [av_slide_accordion id=’867′][/av_slide_accordion] [av_slide_accordion id=’866′][/av_slide_accordion] [av_slide_accordion id=’865′][/av_slide_accordion] [av_slide_accordion id=’864′][/av_slide_accordion] [av_slide_accordion id=’863′][/av_slide_accordion] [/av_slideshow_accordion] [av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color= » custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color= » icon=’ue808′ font=’entypo-fontello’ admin_preview_bg= »] [av_textblock size= » font_color= » color= » admin_preview_bg=’rgb(255, 255, 255)’] Accordion slides got a setting for auto rotation, as well as some settings for caption and excerpts. You can place as many images as you like but in general 2-7 is a good idea 😉
[/av_textblock] [av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color= » custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color= » icon=’ue808′ font=’entypo-fontello’ admin_preview_bg= »] [av_slideshow_accordion slide_type=’image-based’ link=’category’ items=’5′ offset=’0′ size=’featured’ autoplay=’false’ interval=’5′ title=’active’ accordion_align=’av-accordion-text-center’ custom_title_size=’20’ custom_excerpt_size= »] [av_slide_accordion id=’1183′][/av_slide_accordion] [av_slide_accordion id=’1057′][/av_slide_accordion] [av_slide_accordion id=’480′][/av_slide_accordion] [/av_slideshow_accordion] [av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color= » custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color= » icon=’ue808′ font=’entypo-fontello’ admin_preview_bg= »] [av_heading tag=’h1′ padding=’0′ heading=’Entry Based Accordion Slider’ color=’custom-color-heading’ style=’blockquote modern-quote’ custom_font=’#000000′ size=’40’ subheading_active= » subheading_size=’15’ custom_class= » admin_preview_bg= »][/av_heading] [av_textblock size= » font_color= » color= » admin_preview_bg=’rgb(255, 255, 255)’] You can also place accordion sliders that are based on entries like blog, portfolio or even WooCommerce products. Display any number of posts this way in a unique and modern way. Displayed below are a few portfolio entries:
[/av_textblock] [av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color= » custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color= » icon=’ue808′ font=’entypo-fontello’ admin_preview_bg= »] [av_slideshow_accordion slide_type=’entry-based’ link=’portfolio_entries’ items=’4′ offset=’0′ size=’magazine’ autoplay=’false’ interval=’5′ title=’active’ accordion_align=’av-accordion-text-center’ custom_title_size=’20’ custom_excerpt_size=’13’] [av_slide_accordion id=’1183′ title= » link= » link_target= »][/av_slide_accordion] [av_slide_accordion id=’1057′ title= » link= » link_target= »][/av_slide_accordion] [av_slide_accordion id=’480′ title= » link= » link_target= »][/av_slide_accordion] [/av_slideshow_accordion] [/av_one_full]