[spb_row element_name=”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″ bg_video_loop=”yes” 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_text_block title=”Modals” animation=”none” animation_delay=”0″ simplified_controls=”yes” custom_css_percentage=”no” padding_vertical=”0″ padding_horizontal=”0″ margin_vertical=”0″ border_size=”0″ border_styling_global=”default” width=”1/1″ el_position=”first last”]
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=”See modal in action”] [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_modal] [/spb_text_block] [spb_divider type=”thin” text=”Go to top” top_margin=”30px” bottom_margin=”30px” fullwidth=”no” width=”1/1″ el_position=”first last”] [/spb_row] [spb_row element_name=”Row” wrap_type=”content-width” parallax_image_height=”content-height” parallax_image_movement=”fixed” parallax_image_speed=”0.5″ bg_video_loop=”yes” parallax_video_height=”window-height” parallax_video_overlay=”none” row_overlay_opacity=”0″ row_margin_vertical=”30″ vertical_center=”true” width=”1/1″ el_position=”first last”] [spb_text_block animation=”none” animation_delay=”0″ simplified_controls=”yes” custom_css_percentage=”no” padding_vertical=”0″ padding_horizontal=”0″ margin_vertical=”0″ border_size=”0″ border_styling_global=”default” el_class=”mt0″ width=”1/1″ el_position=”first last”]Lists
[/spb_text_block] [spb_text_block animation=”none” animation_delay=”0″ simplified_controls=”yes” custom_css_percentage=”no” padding_vertical=”0″ padding_horizontal=”0″ margin_vertical=”0″ custom_css=”margin-top: 0px;margin-bottom: 0px;border-top: 0px ;border-left: 0px ;border-right: 0px ;border-bottom: 0px ;padding-top: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;” border_size=”0″ border_styling_global=”default” el_class=”ml0″ width=”1/3″ el_position=”first”]- Vestibulum ante ipsum
- Curae; Integer in enim
- Morbi aliquet nulla at
- Aliquam augue elit
- Maecenas blandit
- Nunc ut dolor nibh
- Proin laoreet iaculis
- Sed dapibus malesuada
