Highlights and tooltips – Fototeca de panama

[vc_row dfd_enable_overlay=»»][vc_column dfd_column_responsive_enable=»dfd-column-responsive-enable» responsive_styles=»padding_left_mobile:30|padding_right_mobile:30″][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»80″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»60″ screen_tablet_spacer_size=»40″ screen_mobile_spacer_size=»40″][dfd_heading delimiter_settings=»border-bottom-style:dotted;|border-bottom-width:1px;|width:650px;|border-bottom-color:#d3d3d3;» delimiter_margin=»margin-top:25px;margin-bottom:0px;» subtitle_google_fonts=»yes» subtitle_custom_fonts=»font_family:Lora%3Aregular%2Citalic%2C700%2C700italic|font_style:400%20regular%3A400%3Anormal» style=»style_02″ title=»Layout variations» subtitle=»Underline main points and add more info with tooltips and popovers.» title_font_options=»tag:h2″ subtitle_font_options=»tag:h3|font_size:15|line_height:35″ title_responsive=»font_size_mobile:36|line_height_mobile:40″ subtitle_responsive=»font_size_mobile:14|line_height_mobile:26″]About Highlights & Tooltips[/dfd_heading][/vc_column][/vc_row][vc_row dfd_row_config=»full_width_content» dfd_row_responsive_enable=»dfd-row-responsive-enable» dfd_bg_style=»image» dfd_parallax_style=»dfd_animated_bg» dfd_bg_image_new=»17492″ dfd_bg_image_size=»initial» dfd_parallax_sense=»90″ dfd_animation_direction=»left» dfd_enable_overlay=»» css=».vc_custom_1522933014118{padding-right: 16% !important;padding-left: 16% !important;}» responsive_styles=»padding_left_desktop:0|padding_right_desktop:0|padding_left_tablet:0|padding_right_tablet:0|padding_left_mobile:0|padding_right_mobile:0″][vc_column dfd_column_responsive_enable=»dfd-column-responsive-enable» responsive_styles=»padding_left_desktop:40|padding_right_desktop:40|padding_left_tablet:40|padding_right_tablet:40|padding_left_mobile:30|padding_right_mobile:30″][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»80″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»60″ screen_tablet_spacer_size=»40″ screen_mobile_spacer_size=»40″][vc_row_inner][vc_column_inner width=»1/2″][dfd_heading style=»style_02″ title=»01. Layout variations» title_font_options=»tag:h5|font_style_underline:1″ subtitle_font_options=»tag:h3|font_size:20″]

Short Description

[/dfd_heading][vc_column_text]

Text block may help you to highlight the main points with text background. You may also use Insert shortcode option to add extra information for unusual words with Tooltips, or involve visitors for more research with various Popovers.

[/vc_column_text][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»15″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»15″ screen_tablet_spacer_size=»15″ screen_mobile_spacer_size=»35″][announcement align=»align-center» icon=»dfd-icon-code» dark_bg=»off» use_google_fonts=»yes» custom_fonts=»font_family:Lora%3Aregular%2Citalic%2C700%2C700italic|font_style:400%20italic%3A400%3Aitalic» main_style=»style-1″ main_layout=»layout-3″ font_options=»font_size:15″ icon_size=»19″ icon_color=»#262626″]Style — default; Layout — tooltip, popover; Inside options — background color;[/announcement][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»35″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»30″ screen_tablet_spacer_size=»30″ screen_mobile_spacer_size=»20″][videoplayer main_style=»style-2″ main_layout=»layout-4″ title=»Watch module video» subtitle=»Use 1080p for better quality.» video_link=»https://youtu.be/r_jD8F61F-I» title_font_options=»tag:div|font_size:15″ subtitle_font_options=»tag:div» fill_color_start=»#e52c27″ fill_color_end=»#c2171d» bg_radius=»8″ icon_color=»#ffffff»][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»0″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»0″ screen_tablet_spacer_size=»0″ screen_mobile_spacer_size=»40″][/vc_column_inner][vc_column_inner width=»1/2″][dfd_single_image image=»12731″ upload_image=»11499″][/vc_column_inner][/vc_row_inner][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»100″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»100″ screen_tablet_spacer_size=»60″ screen_mobile_spacer_size=»35″][dfd_heading style=»style_02″ title=»01. Layout variations» title_font_options=»tag:h5|font_style_underline:1″ subtitle_font_options=»tag:h3|font_size:20″]Columns 1/2+1/2[/dfd_heading][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»25″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»25″ screen_tablet_spacer_size=»20″ screen_mobile_spacer_size=»20″][vc_row_inner][vc_column_inner width=»1/2″][vc_column_text]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mollis fermentum neque eu volutpat. Aliquam vitae consequat sapien. Duis lacinia id justo sit amet iaculis. Fusce eleifend elit justo. Ut mauris leo, pulvinar sed molestie sagittis, volutpat nec velit. Nullam porttitor scelerisque ante sed mattis. Curabitur eget justo quis lectus egestas venenatis. Nunc pellentesque velit in malesuada cursus. Praesent vel vulputate metus. Phasellus eleifend semper tellus, eu laoreet justo accumsan vitae. Suspendisse fringilla rhoncus metus id ornare.

[/vc_column_text][/vc_column_inner][/vc_row_inner][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»90″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»90″ screen_tablet_spacer_size=»60″ screen_mobile_spacer_size=»40″][/vc_column][/vc_row][vc_row dfd_enable_overlay=»»][vc_column dfd_column_responsive_enable=»dfd-column-responsive-enable» responsive_styles=»padding_left_desktop:30|padding_right_desktop:30|padding_left_tablet:30|padding_right_tablet:30|padding_left_mobile:30|padding_right_mobile:30″][vc_row_inner][vc_column_inner width=»1/2″][dfd_heading style=»style_02″ title=»01. Layout variations» title_font_options=»tag:h5|font_style_underline:1″ subtitle_font_options=»tag:h3|font_size:20″]Tooltips example[/dfd_heading][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»25″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»25″ screen_tablet_spacer_size=»20″ screen_mobile_spacer_size=»20″][vc_column_text]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mollis fermentum neque eu volutpat. Aliquam vitae consequat sapien. Duis lacinia id justo sit amet iaculis. Fusce eleifend elit justo. [tooltip text=»Tooltip text example» align=»bottom» ]Ut mauris leo, pulvinar sed molestie sagittis , volutpat nec velit. Nullam porttitor scelerisque ante sed mattis.[/tooltip] Curabitur eget justo quis lectus egestas venenatis. Nunc pellentesque velit in malesuada cursus. Praesent vel vulputate metus. Phasellus eleifend semper tellus, eu laoreet justo accumsan vitae. Suspendisse fringilla rhoncus metus id ornare.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mollis fermentum neque eu volutpat. Aliquam vitae consequat sapien. Duis lacinia id justo sit amet iaculis. [tooltip text=»Tooltip example here» align=»left» ]Fusce eleifend elit justo. Ut mauris leo, pulvinar sed molestie sagittis , volutpat nec velit.[/tooltip] Nullam porttitor scelerisque ante sed mattis. Curabitur eget justo quis lectus egestas venenatis. [tooltip text=»Tooltip example right» align=»right» ]Nunc pellentesque velit in malesuada cursus.[/tooltip] Praesent vel vulputate metus. Phasellus eleifend semper tellus, eu laoreet justo accumsan vitae. Suspendisse fringilla rhoncus metus id ornare.

[/vc_column_text][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»0″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»0″ screen_tablet_spacer_size=»0″ screen_mobile_spacer_size=»40″][/vc_column_inner][vc_column_inner width=»1/2″][dfd_heading style=»style_02″ title=»01. Layout variations» title_font_options=»tag:h5|font_style_underline:1″ subtitle_font_options=»tag:h3|font_size:20″]Popover example[/dfd_heading][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»25″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»25″ screen_tablet_spacer_size=»20″ screen_mobile_spacer_size=»20″][vc_column_text]

[popover image=»http://rnbtheme.com/shortcodes/wp-content/uploads/2016/02/tool_1.jpg» content=»neque eu volutpat. Aliquam vitae consequat sapien. <br>Duis lacinia id justo sit amet iaculis. Fusce eleifend elit justo.» position=»top»]Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/popover]Maecenas mollis fermentum neque eu volutpat. Aliquam vitae consequat sapien. Duis lacinia id justo sit amet iaculis. Fusce eleifend elit justo. Ut mauris leo, pulvinar sed molestie sagittis, volutpat nec velit. Nullam porttitor scelerisque ante sed mattis. [popover image=»http://rnbtheme.com/shortcodes/wp-content/uploads/2016/02/tool_2.jpg» content=»neque eu volutpat. Aliquam vitae consequat sapien.<br> Duis lacinia id justo sit amet iaculis.» position=»bottom»]Curabitur eget justo quis lectus egestas venenatis.[/popover] Nunc pellentesque velit in malesuada cursus. Praesent vel vulputate metus. Phasellus eleifend semper tellus, eu laoreet justo accumsan vitae. Suspendisse fringilla rhoncus metus id ornare.

[/vc_column_text][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»25″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»25″ screen_tablet_spacer_size=»20″ screen_mobile_spacer_size=»20″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mollis fermentum neque eu volutpat. Aliquam vitae consequat sapien. Duis lacinia id justo sit amet iaculis. [popover image=»http://rnbtheme.com/shortcodes/wp-content/uploads/2016/02/info_3.jpg» content=»neque eu volutpat. Aliquam vitae consequat sapien. Duis lacinia id justo sit amet iaculis. Fusce eleifend elit justo. Ut mauris leo, pulvinar sed molestie sagittis, volutpat nec velit. » position=»top»]Fusce eleifend elit justo. Ut mauris leo, pulvinar sed molestie sagittis, volutpat nec velit. [/popover]Nullam porttitor scelerisque ante sed mattis. Curabitur eget justo quis lectus egestas venenatis. Nunc pellentesque velit in malesuada cursus. [popover image=»» content=»Nunc pellentesque velit in malesuada cursus. Praesent vel vulputate metus. Phasellus eleifend semper tellus, eu laoreet justo accumsan vitae. Suspendisse fringilla rhoncus metus id ornare.» position=»left»]Praesent vel vulputate metus. [/popover]Phasellus eleifend semper tellus, eu laoreet justo accumsan vitae. Suspendisse fringilla rhoncus metus id ornare.[/vc_column_text][/vc_column_inner][/vc_row_inner][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»90″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»90″ screen_tablet_spacer_size=»60″ screen_mobile_spacer_size=»80″][/vc_column][/vc_row]