[fusion_builder_container backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”yes” bordersize=”0px” bordercolor=”#eaeaea” borderstyle=”solid” paddingtop=”30px” paddingbottom=”40px” padding_left=”0px” padding_right=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”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=””][fusion_text]
Flip Box Shortcode
Animated flip boxes are simply awesome. We’ve never met anyone who doesn’t love these bad boys. They are great for grabbing the users attention and adding some interaction with your content. Avada’s flip boxes have fully customizable content on the front and back side. They are fully integrated with the Font Awesome icon set and icon options like spin, rotate, flip. You can put a title on the front and backside, add buttons to your content and the box height will extend based on the amount of content you use. Customize the border size, border radius and have full control over the front and backside colors. Oh yeah, and you can animate them with CSS3 goodness. These are an Avada favorite, and for good reason.
[/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=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”60px” padding_left=”0px” padding_right=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”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”][fusion_flip_boxes columns=”3″ class=”” id=””][fusion_flip_box title_front=”Fully Responsive” title_back=”Perfect For All Sizes” text_front=”Avada’s responsive framework ensures your content looks great on all screen sizes.” background_color_front=”” title_front_color=”” text_front_color=”” background_color_back=”” title_back_color=”” text_back_color=”” border_size=”0px” border_color=”” border_radius=”4px” icon=”fa-expand” icon_color=”” circle=”yes” circle_color=”” circle_border_color=”” icon_flip=”” icon_rotate=”” icon_spin=”no” image=”” image_width=”35″ image_height=”35″ animation_type=”0″ animation_direction=”down” animation_speed=”0.1″]No matter the size of your screen or device, your site will look fantastic. [fusion_button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”large” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”#97c04c” gradient_hover_colors=”#8eb645″ accent_color=”rgba(255,255,255,.7)” accent_hover_color=”rgba(255,255,255,.7)” bevel_color=”” border_width=”0px” shadow=”no” icon=”” icon_divider=”yes” icon_position=”left” modal=”” animation_type=”0″ animation_direction=”up” animation_speed=”1″ class=”” id=””]BUY AVADA NOW![/fusion_button][/fusion_flip_box][fusion_flip_box title_front=”Premium Sliders” title_back=”Make Your Content Stand Out” text_front=”Avada includes four premium sliders that make your content stand out!” background_color_front=”” title_front_color=”” text_front_color=”” background_color_back=”” title_back_color=”” text_back_color=”” border_size=”1px” border_color=”” border_radius=”4px” icon=”fa-rocket” icon_color=”” circle=”yes” circle_color=”” circle_border_color=”” icon_flip=”” icon_rotate=”” icon_spin=”no” image=”” image_width=”35″ image_height=”35″ animation_type=”0″ animation_direction=”down” animation_speed=”0.1″]Avada includes the Layer Slider, Revolution Slider, Fusion Slider and Elastic Slider. [fusion_button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”large” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”#97c04c” gradient_hover_colors=”#8eb645″ accent_color=”rgba(255,255,255,.7)” accent_hover_color=”rgba(255,255,255,.7)” bevel_color=”” border_width=”0px” shadow=”no” icon=”” icon_divider=”yes” icon_position=”left” modal=”” animation_type=”0″ animation_direction=”up” animation_speed=”1″ class=”” id=””]BUY AVADA NOW![/fusion_button][/fusion_flip_box][fusion_flip_box title_front=”Amazing Elements” title_back=”Build Something Beautiful” text_front=”Avada offers incredible elements that allow you to create a beautiful site.” background_color_front=”” title_front_color=”” text_front_color=”” background_color_back=”” title_back_color=”” text_back_color=”” border_size=”1px” border_color=”” border_radius=”4px” icon=”fa-thumbs-o-up” icon_color=”” circle=”yes” circle_color=”” circle_border_color=”” icon_flip=”” icon_rotate=”” icon_spin=”no” image=”” image_width=”35″ image_height=”35″ animation_type=”0″ animation_direction=”down” animation_speed=”0.1″]Dozens of well designed shortcodes loaded with options gives you perfect freedom.[fusion_button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”large” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”#97c04c” gradient_hover_colors=”#8eb645″ accent_color=”rgba(255,255,255,.7)” accent_hover_color=”rgba(255,255,255,.7)” bevel_color=”” border_width=”0px” shadow=”no” icon=”” icon_divider=”yes” icon_position=”left” modal=”” animation_type=”0″ animation_direction=”up” animation_speed=”1″ class=”” id=””]BUY AVADA NOW![/fusion_button][/fusion_flip_box][/fusion_flip_boxes][/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=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”yes” bordersize=”0px” bordercolor=”#eaeaea” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” padding_left=”0px” padding_right=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”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=””][fusion_text]
Column Sizes
Flip boxes have their own column option to set which allows the content box to fill the column width from 1-6 columns. They can also be used inside of our regular column shortcode to control their placement on the page.
[/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=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” padding_left=”0px” padding_right=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”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”][fusion_flip_boxes columns=”1″ class=”” id=””][fusion_flip_box title_front=”Column Sizes” title_back=”Perfect For All Sizes” text_front=”Avada’s column options are integrated into the flip boxes, making it easy to set 1-6 columns. Content boxes will always resize accordingly. It’s a beautiful thing.” background_color_front=”” title_front_color=”” text_front_color=”” background_color_back=”” title_back_color=”” text_back_color=”” border_size=”0px” border_color=”” border_radius=”4px” icon=”fa-columns” icon_color=”” circle=”yes” circle_color=”” circle_border_color=”” icon_flip=”” icon_rotate=”” icon_spin=”no” image=”” image_width=”35″ image_height=”35″ animation_type=”0″ animation_direction=”down” animation_speed=”0.1″]No matter the size of your screen or device, your site will look fantastic.[/fusion_flip_box][/fusion_flip_boxes][/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=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” padding_left=”0px” padding_right=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”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=””][fusion_text]
Color Control
Flip boxes allow you to control the color of the backgrounds, title text, body text, icons, icon circles and borders. Set colors individually in the shortcode, or globally in our theme options panel. Take control of your colors with ease.
[/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=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” padding_left=”0px” padding_right=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”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”][fusion_flip_boxes columns=”3″ class=”” id=””][fusion_flip_box title_front=”Control” title_back=”Control Your Colors” text_front=”Control all the colors of each element you see.” background_color_front=”#a2cc55″ title_front_color=”#fff” text_front_color=”#fff” background_color_back=”#92be43″ title_back_color=”” text_back_color=”” border_size=”0px” border_color=”” border_radius=”4px” icon=”fa-car” icon_color=”” circle=”yes” circle_color=”#92be43″ circle_border_color=”#a2cc55″ icon_flip=”” icon_rotate=”” icon_spin=”no” image=”” image_width=”35″ image_height=”35″ animation_type=”0″ animation_direction=”down” animation_speed=”0.1″]From backgrounds to text colors to borders. Take control.[/fusion_flip_box][fusion_flip_box title_front=”Your” title_back=”Control Your Colors” text_front=”Control all the colors of each element you see.” background_color_front=”#74badb” title_front_color=”#fff” text_front_color=”#fff” background_color_back=”#62a7c9″ title_back_color=”#fff” text_back_color=”#fff” border_size=”1px” border_color=”#eaeaea” border_radius=”4px” icon=”fa-camera-retro” icon_color=”” circle=”yes” circle_color=”#62a7c9″ circle_border_color=”#74badb” icon_flip=”” icon_rotate=”” icon_spin=”no” image=”” image_width=”35″ image_height=”35″ animation_type=”0″ animation_direction=”down” animation_speed=”0.1″]From backgrounds to text colors to borders. Take control.[/fusion_flip_box][fusion_flip_box title_front=”Colors” title_back=”Control Your Colors” text_front=”Control all the colors of each element you see.” background_color_front=”#d5962c” title_front_color=”#fff” text_front_color=”#fff” background_color_back=”#ca7b25″ title_back_color=”#fff” text_back_color=”#fff” border_size=”1px” border_color=”#eaeaea” border_radius=”4px” icon=”fa-paper-plane-o” icon_color=”” circle=”yes” circle_color=”#ca7b25″ circle_border_color=”#d5962c” icon_flip=”” icon_rotate=”” icon_spin=”no” image=”” image_width=”35″ image_height=”35″ animation_type=”0″ animation_direction=”down” animation_speed=”0.1″]From backgrounds to text colors to borders. Take control.[/fusion_flip_box][/fusion_flip_boxes][/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=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” padding_left=”0px” padding_right=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”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=””][fusion_text]
Icon Haven
Font Awesome Icons are tightly integrate into the flip boxes along with multiple options; icon color, circle color and border, circle show or hide, icon flip, rotate, spin and animate.
[/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=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” padding_left=”0px” padding_right=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”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”][fusion_flip_boxes columns=”2″ class=”” id=””][fusion_flip_box title_front=”Awesome” title_back=”Control Your Icons” text_front=”Font Awesome Icon integration is perfect.” background_color_front=”” title_front_color=”” text_front_color=”” background_color_back=”” title_back_color=”” text_back_color=”” border_size=”0px” border_color=”” border_radius=”4px” icon=”fa-leaf” icon_color=”#92be43″ circle=”yes” circle_color=”#f6f6f6″ circle_border_color=”#92be43″ icon_flip=”” icon_rotate=”” icon_spin=”no” image=”” image_width=”35″ image_height=”35″ animation_type=”fade” animation_direction=”down” animation_speed=”1″]Change just about every aspect of the icon and circle that contains it. Take Control.[/fusion_flip_box][fusion_flip_box title_front=”Icons” title_back=”Control Your Colors” text_front=”Font Awesome Icon integration is perfect.” background_color_front=”” title_front_color=”” text_front_color=”” background_color_back=”#73b9dc” title_back_color=”” text_back_color=”” border_size=”1px” border_color=”” border_radius=”4px” icon=”fa-rocket” icon_color=”#73b9dc” circle=”no” circle_color=”” circle_border_color=”” icon_flip=”” icon_rotate=”” icon_spin=”yes” image=”” image_width=”35″ image_height=”35″ animation_type=”0″ animation_direction=”down” animation_speed=”0.1″]Change just about every aspect of the icon and circle that contains it. Take Control.[/fusion_flip_box][/fusion_flip_boxes][/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=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” padding_left=”0px” padding_right=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”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=””][fusion_text]
Need Images? Check!
Instead of using an icon, you can choose to use an image that will show up in the same area as the icon. The settings allow you to specify the exact image size so it displays perfectly in the box. Using an image instead of an icon opens up a whole new look for the flip boxes and gives additional creative uses.
[/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=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” padding_left=”0px” padding_right=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”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”][fusion_flip_boxes columns=”2″ class=”” id=””][fusion_flip_box title_front=”Images Love Flip Boxes” title_back=”A Whole New Look” text_front=”Images can be used in place of icons.” background_color_front=”#fff” title_front_color=”” text_front_color=”” background_color_back=”” title_back_color=”” text_back_color=”” border_size=”1px” border_color=”#e0e0e0″ border_radius=”0px” icon=”” icon_color=”#92be43″ circle=”yes” circle_color=”#f6f6f6″ circle_border_color=”#92be43″ icon_flip=”” icon_rotate=”” icon_spin=”no” image=”http://avada.theme-fusion.com/wp-content/uploads/2014/06/flip_box2.jpg” image_width=”250″ image_height=”145″ animation_type=”fade” animation_direction=”down” animation_speed=”1″]Instead of using icons, you can choose to use images. This opens up a whole new look for the flip boxes and gives you more creative freedom in creating layouts.[/fusion_flip_box][fusion_flip_box title_front=”Images Love Flip Boxes” title_back=”A Whole New Look” text_front=”Images can be used in place of icons.” background_color_front=”#fff” title_front_color=”” text_front_color=”” background_color_back=”” title_back_color=”” text_back_color=”” border_size=”1px” border_color=”#e0e0e0″ border_radius=”0px” icon=”” icon_color=”#92be43″ circle=”yes” circle_color=”#f6f6f6″ circle_border_color=”#92be43″ icon_flip=”” icon_rotate=”” icon_spin=”no” image=”http://avada.theme-fusion.com/wp-content/uploads/2014/06/flip_box1.jpg” image_width=”250″ image_height=”145″ animation_type=”fade” animation_direction=”down” animation_speed=”1″]Instead of using icons, you can choose to use images. This opens up a whole new look for the flip boxes and gives you more creative freedom in creating layouts.[/fusion_flip_box][/fusion_flip_boxes][/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=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” padding_left=”0px” padding_right=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”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=””][fusion_text]
Border Control
Flip boxes allow you to use borders and set the border width, color and radius. You can even set the border properties individually per box to make one box stand out from the others with featured content. Take control of your borders.
[/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=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” padding_left=”0px” padding_right=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”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”][fusion_flip_boxes columns=”3″ class=”” id=””][fusion_flip_box title_front=”Control” title_back=”Control Your Borders” text_front=”Control the border size, color and radius.” background_color_front=”#fff” title_front_color=”” text_front_color=”” background_color_back=”#a2cc55″ title_back_color=”” text_back_color=”” border_size=”1px” border_color=”#e0e0e0″ border_radius=”4px” icon=”fa-expand” icon_color=”” circle=”yes” circle_color=”#92be43″ circle_border_color=”#92be43″ icon_flip=”” icon_rotate=”” icon_spin=”no” image=”” image_width=”35″ image_height=”35″ animation_type=”0″ animation_direction=”down” animation_speed=”0.1″]From backgrounds to text colors to borders. Take control.[/fusion_flip_box][fusion_flip_box title_front=”Your” title_back=”Control Your Borders” text_front=”Control the border size, color and radius.” background_color_front=”” title_front_color=”” text_front_color=”” background_color_back=”#62a7c9″ title_back_color=”” text_back_color=”#fff” border_size=”1px” border_color=”#e0e0e0″ border_radius=”30px” icon=”fa-trophy” icon_color=”” circle=”yes” circle_color=”#74badb” circle_border_color=”#74badb” icon_flip=”” icon_rotate=”” icon_spin=”no” image=”” image_width=”35″ image_height=”35″ animation_type=”0″ animation_direction=”down” animation_speed=”0.1″]From backgrounds to text colors to borders. Take control.[/fusion_flip_box][fusion_flip_box title_front=”Borders” title_back=”Control Your Borders” text_front=”Control the border size, color and radius.” background_color_front=”#fff” title_front_color=”” text_front_color=”” background_color_back=”#ca7b25″ title_back_color=”” text_back_color=”” border_size=”3px” border_color=”#ca7b25″ border_radius=”0px” icon=”fa-laptop” icon_color=”” circle=”yes” circle_color=”#ca7b25″ circle_border_color=”#ca7b25″ icon_flip=”” icon_rotate=”” icon_spin=”no” image=”” image_width=”35″ image_height=”35″ animation_type=”0″ animation_direction=”down” animation_speed=”0.1″]From backgrounds to text colors to borders. Take control.[/fusion_flip_box][/fusion_flip_boxes][/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=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” padding_left=”0px” padding_right=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”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=””][fusion_text]
Complete Set of Options
Every option and description included with the alert shortcode is 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=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”80px” padding_left=”0px” padding_right=”0px” menu_anchor=”” equal_height_columns=”yes” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”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=””][fusion_checklist icon=”fa-check” iconcolor=”#333333″ circle=”no” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]columns – Can be one of these values: 1, 2, 3, 4, 5, or 6. Sets the number of columns per row.[/fusion_li_item][fusion_li_item icon=””]title_front -The custom title text for the front side of the flip box.[/fusion_li_item][fusion_li_item icon=””]title_back – The custom title text for the back side of the flip box.[/fusion_li_item][fusion_li_item icon=””]text_front – The custom body text for the front side of the flip box.[/fusion_li_item][fusion_li_item icon=””]border_color – Accepts a hexcode ( #000000 ). Sets the border’s color. Leave blank for Theme Option selection.[/fusion_li_item][fusion_li_item icon=””]border_radius – Accepts a pixel value that sets the border’s radius. For example, 4px. Leave blank for Theme Option selection.[/fusion_li_item][fusion_li_item icon=””]border_size – Accepts a pixel value that sets the border’s size. For example, 4px. Leave blank for Theme Option selection.[/fusion_li_item][fusion_li_item icon=””]background_color_front – Accepts a hexcode ( #000000 ). Sets the front side’s background color. Leave blank for Theme Option selection.[/fusion_li_item][fusion_li_item icon=””]title_front_color – Accepts a hexcode ( #000000 ). Sets the front side’s title color. Leave blank for Theme Option selection.[/fusion_li_item][fusion_li_item icon=””]text_front_color – Accepts a hexcode ( #000000 ). Sets the front side’s body text color. Leave blank for Theme Option selection.[/fusion_li_item][fusion_li_item icon=””]background_color_back – Accepts a hexcode ( #000000 ). Sets the back side’s background color. Leave blank for Theme Option selection.[/fusion_li_item][fusion_li_item icon=””]title_back_color – Accepts a hexcode ( #000000 ). Sets the back side’s title color. Leave blank for Theme Option selection.[/fusion_li_item][fusion_li_item icon=””]text_back_color – Accepts a hexcode ( #000000 ). Sets the back side’s body text color. Leave blank for Theme Option selection.[/fusion_li_item][fusion_li_item icon=””]icon – A font awesome icon value. For example, fa-glass.[/fusion_li_item][fusion_li_item icon=””]icon_color – Accepts a hexcode ( #000000 ). Sets the icon’s color. Leave blank for Theme Option selection.[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”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=””][fusion_checklist icon=”fa-check” iconcolor=”#333333″ circle=”no” circlecolor=”” size=”small” class=”” id=””][fusion_li_item icon=””]circle – Can be one of these values: yes, or no. Sets if the icon is circular or not.[/fusion_li_item][fusion_li_item icon=””]circle_color – Accepts a hexcode ( #000000 ). Sets the icon’s background color. Leave blank for Theme Option selection.[/fusion_li_item][fusion_li_item icon=””]circle_border_color – Accepts a hexcode ( #000000 ). Sets the icon’s border color. Leave blank for Theme Option selection.[/fusion_li_item][fusion_li_item icon=””]icon_flip – Can be one of these values: none, horizontal, or vertical. Sets the direction where the icon will flip.[/fusion_li_item][fusion_li_item icon=””]icon_rotate – Can be one of these values: none, 90, 180, or 270. Sets the angle of the icon’s rotation.[/fusion_li_item][fusion_li_item icon=””]icon_spin – Can be one of these values: yes, or no. This will enable or disable the icon’s spinning feature.[/fusion_li_item][fusion_li_item icon=””]image – The URL path of your custom icon image, starting with http:// and usually ending on .jpg, .png or .gif. Make sure there is no “icon=” value.[/fusion_li_item][fusion_li_item icon=””]image_width – This parameter is for custom icon images. Accepts a numerical value to set a custom width in pixels. For example, 35.[/fusion_li_item][fusion_li_item icon=””]image_height – This parameter is for custom icon images. Accepts a numerical value to set a custom height in pixels. For example, 35.[/fusion_li_item][fusion_li_item icon=””]animation_type – Can be one of these values: none, bounce, fade, flash, shake, or slide. Sets the animation to use on the icon inside the box only.[/fusion_li_item][fusion_li_item icon=””]animation_direction – Can be one of these values: down, right, left, or up. Sets the incoming direction for the animation of the icon inside the box only.[/fusion_li_item][fusion_li_item icon=””]animation_speed – Accepts a numerical value from .1, which is the slowest, to 1, which is the fastest. This is only for the icon inside the box.[/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 backgroundcolor=”” backgroundimage=”http://www.ogrevanje-storitve.si/wp-content/uploads/2014/11/home_slider.jpg” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”1px” bordercolor=”” borderstyle=”solid” paddingtop=”35px” paddingbottom=”75px” padding_left=”40px” padding_right=”40px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_builder_row][fusion_builder_column type=”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”][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=”” gradient_colors=”rgba(255,255,255,.1)|” gradient_hover_colors=”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]