Modals
[spb_row wrap_type=”content-width” row_bg_type=”color” color_row_height=”content-height” bg_type=”cover” parallax_image_height=”content-height” parallax_image_movement=”fixed” parallax_image_speed=”0.5″ parallax_video_height=”window-height” row_top_style=”none” row_bottom_style=”none” parallax_video_overlay=”none” row_overlay_opacity=”0″ row_padding_vertical=”0″ row_padding_horizontal=”0″ row_margin_vertical=”0″ remove_element_spacing=”no” vertical_center=”true” inner_column_height=”col-natural” row_expanding=”no” row_animation=”none” row_animation_delay=”0″ row_el_class=”no-shadow” width=”1/1″ el_position=”first last”] [spb_blank_spacer height=”120px” width=”1/1″ el_position=”first last”] [spb_blank_spacer height=”1px” width=”1/4″ el_position=”first”] [spb_text_block animation=”none” animation_delay=”0″ padding_vertical=”0″ padding_horizontal=”0″ width=”1/2″]
They may not be the most exciting shortcode we have to offer, but they can be very useful. Below is an example of what you can do with them.
[sf_modal header=”Modal Example” btn_colour=”accent” btn_type=”standard” btn_size=”standard” btn_text=”FIRE MODAL EXAMPLE!”]
[spb_video title=”Watch this video” link=”http://vimeo.com/36176127″ size=”630 x 347″ full_width=”no” width=”1/1″ el_position=”first last”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend merit non sed ligula. Vivamus purus odio. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend merit non sed ligula. Vivamus purus odio.
Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend merit non sed ligula. Vivamus purus odio. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend merit non sed ligula. Vivamus purus odio.
[sf_button colour=”green” type=”sf-icon-reveal” size=”standard” link=”http://” target=”_self” icon=”ss-view” dropshadow=”no” extraclass=”ml0″]WATCH ANOTHER VIDEO[/sf_button]
[/sf_modal]
[/spb_text_block] [spb_blank_spacer height=”1px” width=”1/4″ el_position=”last”] [/spb_row]
