Popovers

Menu [fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” class=”” id=””][title size=”1″ content_align=”left” style_type=”” sep_color=”” class=”” id=””]Popover Shortcode[/title][two_third last=”no” class=”” id=””][fusion_text]Avada includes a popover shortcode that is perfect for adding additional content for your viewers. The content is housed as secondary information that the viewer can trigger by a mouse hover, or a mouse click. Our expanded options allow you customize several aspects of the popover like background colors, border colors, text colors, trigger value, popup placement and more.[/fusion_text][/two_third][one_third last=”yes” class=”” id=””][button link=”” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”” title=”” gradient_colors=”transparent|” gradient_hover_colors=”rgba(000,000,000,.03)|” accent_color=”rgba(000,000,000,.2)” accent_hover_color=”rgba(000,000,000,.3)” bevel_color=”” border_width=”1px” shadow=”no” icon=”” icon_position=”left” icon_divider=”yes” modal=”” animation_type=”0″ animation_direction=”up” animation_speed=”1″ alignment=”” class=”” id=””][popover title=”Unleash The Power of Avada” title_bg_color=”” content=”Create beautiful, eye catching layouts with all the various elements Avada provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”top” class=”” id=””]Mouse Hover Popover![/popover][/button][/one_third][/fullwidth][separator style_type=”single” top_margin=”40″ bottom_margin=”” sep_color=”#cdcdcd” icon=”fa-chevron-down” width=”” class=”” id=””][fullwidth backgroundcolor=”#f6f6f6″ backgroundimage=”http://theme-fusion.com/avada/wp-content/uploads/2013/07/bkgd13.jpg” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” bordersize=”1px” bordercolor=”#eaeaea” borderstyle=”solid” paddingtop=”55px” paddingbottom=”20px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” class=”” id=””][one_half last=”no” class=”” id=””][fusion_text][popover title=”Unleash The Power of Avada” title_bg_color=”” content=”Create beautiful, eye catching layouts with all the various elements Avada provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”top” class=”” id=””][imageframe lightbox=”no” style_type=”border” bordercolor=”rgba(255,255,255,.2)” bordersize=”15px” stylecolor=”” align=”left” animation_type=”fade” animation_direction=”up” animation_speed=”1″ class=”” id=””]boys_reading[/imageframe][/popover][/fusion_text][/one_half][one_half last=”yes” class=”” id=””][title size=”2″ content_align=”left” style_type=”” sep_color=”” class=”” id=””]Avada Popover Shortcode[/title][separator style_type=”none” top_margin=”-20″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing [popover title=”Unleash The Power of Avada” title_bg_color=”” content=”Create beautiful, eye catching layouts with all the various elements Avada provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”click” placement=”top” class=”” id=””]mouse click here[/popover] elit. Incididunt ut labore et dolore magna aliqua. Ut enim ad et dolore magna exercitation ullamco lesse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non sadips ipsums proident, sunt in commodo consequat orem ipsum dolor sit amet culpa qui officia deserunt mollit anims.[/fusion_text][separator style_type=”none” top_margin=”20″ bottom_margin=”20″ sep_color=”” icon=”” width=”” class=”” id=””][button link=”” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”” title=”” gradient_colors=”transparent|” gradient_hover_colors=”rgba(000,000,000,.03)|” accent_color=”rgba(000,000,000,.2)” accent_hover_color=”rgba(000,000,000,.3)” bevel_color=”” border_width=”1px” shadow=”no” icon=”” icon_position=”left” icon_divider=”yes” modal=”” animation_type=”0″ animation_direction=”up” animation_speed=”1″ alignment=”” class=”” id=””][popover title=”Unleash The Power of Avada” title_bg_color=”” content=”Create beautiful, eye catching layouts with all the various elements Avada provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”top” class=”” id=””]Hover Here For More Info[/popover][/button][/one_half][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”scroll” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”65px” paddingbottom=”20px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” class=”” id=””][one_third last=”no” class=”” id=””][tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Background Colors” description=”Control the background color behind the popover title and the content itself.” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””][/one_third][one_third last=”no” class=”” id=””][separator style_type=”none” top_margin=”10″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco. Excepteur sint occaecat cupidatat non sadips ipsums proident.[/fusion_text][/one_third][one_third last=”yes” class=”” id=””][separator style_type=”none” top_margin=”25″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][button link=”” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”transparent|” gradient_hover_colors=”rgba(000,000,000,.03)|” accent_color=”rgba(000,000,000,.2)” accent_hover_color=”rgba(000,000,000,.3)” bevel_color=”” border_width=”1px” shadow=”no” icon=”” icon_position=”left” icon_divider=”yes” modal=”” animation_type=”0″ animation_direction=”up” animation_speed=”1″ alignment=”” class=”” id=””][popover title=”Unleash The Power of Avada” title_bg_color=”#add16c” content=”Create beautiful, eye catching layouts with all the various elements Avada provides, like this nice little popover.” content_bg_color=”#ede9e2″ bordercolor=”#c1bfbf” textcolor=”#333333″ trigger=”hover” placement=”top” class=”” id=””]Background Colors[/popover][/button][/one_third][one_third last=”no” class=”” id=””][tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Border / Text Colors” description=”Control the border color and text color of the popover shortcode.” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””][/one_third][one_third last=”no” class=”” id=””][separator style_type=”none” top_margin=”10″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inci
didunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco. Excepteur sint occaecat cupidatat non sadips ipsums proident.[/fusion_text][/one_third][one_third last=”yes” class=”” id=””][separator style_type=”none” top_margin=”25″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][button link=”” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”transparent|” gradient_hover_colors=”rgba(000,000,000,.03)|” accent_color=”rgba(000,000,000,.2)” accent_hover_color=”rgba(000,000,000,.3)” bevel_color=”” border_width=”1px” shadow=”no” icon=”” icon_position=”left” icon_divider=”yes” modal=”” animation_type=”0″ animation_direction=”up” animation_speed=”1″ alignment=”” class=”” id=””][popover title=”Unleash The Power of Avada” title_bg_color=”#fff” content=”Create beautiful, eye catching layouts with all the various elements Avada provides, like this nice little popover.” content_bg_color=”#ff” bordercolor=”#8b7e63″ textcolor=”#8b7e63″ trigger=”hover” placement=”top” class=”” id=””]Border/Text Colors[/popover][/button][/one_third][one_third last=”no” class=”” id=””][tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Trigger Value” description=”Set the popover to trigger on mouse hover or mouse click.” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””][/one_third][one_third last=”no” class=”” id=””][separator style_type=”none” top_margin=”10″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. [popover title=”Unleash The Power of Avada” title_bg_color=”#fff” content=”Create beautiful, eye catching layouts with all the various elements Avada provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”top” class=”” id=””]mouse hover trigger[/popover] ut enim ad minim veniam, quis nostrud exercitation ullamco. Excepteur sint occaecat cupidatats.[/fusion_text][/one_third][one_third last=”yes” class=”” id=””][separator style_type=”none” top_margin=”10″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. [popover title=”Unleash The Power of Avada” title_bg_color=”#fff” content=”Create beautiful, eye catching layouts with all the various elements Avada provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”click” placement=”top” class=”” id=””]mouse click trigger[/popover] ut enim ad minim veniam, quis nostrud exercitation ullamco. Excepteur sint occaecat cupidatats.[/fusion_text][/one_third][one_third last=”no” class=”” id=””][tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Popover Placement” description=”Control the direction of the popover popup box, left, right, top, bottom.” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””][/one_third][two_third last=”yes” class=”” id=””][separator style_type=”none” top_margin=”10″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][fusion_text][popover title=”Unleash The Power of Avada” title_bg_color=”” content=”Create beautiful, eye catching layouts with all the various elements Avada provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”top” class=”” id=””]popover top[/popover][popover title=”Unleash The Power of Avada” title_bg_color=”” content=”Create beautiful, eye catching layouts with all the various elements Avada provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”right” class=”” id=””]popover right[/popover][popover title=”Unleash The Power of Avada” title_bg_color=”” content=”Create beautiful, eye catching layouts with all the various elements Avada provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”bottom” class=”” id=””]popover bottom[/popover][popover title=”Unleash The Power of Avada” title_bg_color=”” content=”Create beautiful, eye catching layouts with all the various elements Avada provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”top” class=”” id=””]popover left[/popover][/fusion_text][/two_third][/fullwidth][separator style_type=”single” top_margin=”5″ bottom_margin=”0″ sep_color=”#cdcdcd” icon=”fa-chevron-down” width=”” class=”” id=””][fullwidth backgroundcolor=”” backgroundimage=”http://theme-fusion.com/avada/wp-content/uploads/2013/07/bkgd13.jpg” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” bordersize=”1px” bordercolor=”#eaeaea” borderstyle=”solid” paddingtop=”22px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” class=”” id=””][two_third last=”no” class=”” id=””][fusion_text]

Join The 70,000+ Satisfied Avada Users!

[/fusion_text][/two_third][one_third last=”yes” class=”” id=””][separator style_type=”none” top_margin=”7″ bottom_margin=”7″ sep_color=”” icon=”” width=”” class=”” id=””][fusion_text]

[/fusion_text][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”xlarge” type=”3d” shape=”pill” target=”_blank” title=”” gradient_colors=”transparent|” gradient_hover_colors=”rgba(255, 255, 255, 0.15)|” accent_color=”rgba(0,0,0,.5)” accent_hover_color=”#333333″ bevel_color=”” border_width=”0px” shadow=”no” icon=”” icon_position=”left” icon_divider=”yes” modal=”” animation_type=”” animation_direction=”up” animation_speed=”1″ alignment=”” class=”” id=””]I’M SOLD, BUY AVADA NOW![/button][fusion_text] [/fusion_text][/one_third][/fullwidth]


On Pinterest
Follow PRIDE Foundation Malaysia's board Pink Ribbon Deeds on Pinterest.