{"id":222927,"date":"2019-01-02T00:50:37","date_gmt":"2019-01-02T08:50:37","guid":{"rendered":"https:\/\/www.divithemeexamples.com\/?post_type=project&p=222927"},"modified":"2022-03-02T03:39:27","modified_gmt":"2022-03-02T11:39:27","slug":"divi-image-hover-layout","status":"publish","type":"project","link":"https:\/\/www.divithemeexamples.com\/project\/divi-image-hover-layout\/","title":{"rendered":"Divi image hover"},"content":{"rendered":"

[et_pb_section fb_built=”1″ fullwidth=”on” admin_label=”section” _builder_version=”3.22″ background_color=”#ffffff” background_image=”https:\/\/www.divithemeexamples.com\/wp-content\/uploads\/2014\/11\/divi-background-blur.jpg” transparent_background=”off” global_colors_info=”{}”][et_pb_fullwidth_header title=”Divi Image Hover effects” subhead=”A Divi Theme Layout for your next Divi project” text_orientation=”center” _builder_version=”3.17.6″ background_color=”rgba(37,193,198,0)” button_one_border_radius_hover=”3″ button_two_border_radius_hover=”3″ global_colors_info=”{}”][\/et_pb_fullwidth_header][\/et_pb_section][et_pb_section fb_built=”1″ admin_label=”section” _builder_version=”3.22″ global_colors_info=”{}”][et_pb_row column_structure=”1_2,1_2″ admin_label=”row” _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”3.0.47″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_blurb admin_label=”Divi Layout – Full Page parallax header” _builder_version=”4.13.0″ body_line_height=”1.9em” custom_padding=”20px|20px|20px|20px” animation=”off” use_border_color=”on” border_color=”#f2f2f2″ border_style=”solid” global_colors_info=”{}”]<\/p>\n

Layout: <\/strong><\/h4>\n

Divi image hover tutorials<\/strong><\/p>\n

Info: <\/strong><\/h4>\n

Layout pack created from the 2 tutorials “Creating an Interactive Question Card Grid for Your Next About Page with Divi<\/a>” and “How to Change an Image on Hover with Divi<\/a>”<\/p>\n

Created by: <\/strong><\/h4>\n

Divi Theme Examples, the home for everything Divi.[\/et_pb_blurb][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”3.0.47″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text admin_label=”locker #3″ _builder_version=”4.14.8″ text_font_size=”14px” hover_enabled=”0″ z_index_tablet=”500″ text_text_shadow_horizontal_length_tablet=”0px” text_text_shadow_vertical_length_tablet=”0px” text_text_shadow_blur_strength_tablet=”1px” link_text_shadow_horizontal_length_tablet=”0px” link_text_shadow_vertical_length_tablet=”0px” link_text_shadow_blur_strength_tablet=”1px” ul_text_shadow_horizontal_length_tablet=”0px” ul_text_shadow_vertical_length_tablet=”0px” ul_text_shadow_blur_strength_tablet=”1px” ol_text_shadow_horizontal_length_tablet=”0px” ol_text_shadow_vertical_length_tablet=”0px” ol_text_shadow_blur_strength_tablet=”1px” quote_text_shadow_horizontal_length_tablet=”0px” quote_text_shadow_vertical_length_tablet=”0px” quote_text_shadow_blur_strength_tablet=”1px” header_text_shadow_horizontal_length_tablet=”0px” header_text_shadow_vertical_length_tablet=”0px” header_text_shadow_blur_strength_tablet=”1px” header_2_text_shadow_horizontal_length_tablet=”0px” header_2_text_shadow_vertical_length_tablet=”0px” header_2_text_shadow_blur_strength_tablet=”1px” header_3_text_shadow_horizontal_length_tablet=”0px” header_3_text_shadow_vertical_length_tablet=”0px” header_3_text_shadow_blur_strength_tablet=”1px” header_4_text_shadow_horizontal_length_tablet=”0px” header_4_text_shadow_vertical_length_tablet=”0px” header_4_text_shadow_blur_strength_tablet=”1px” header_5_text_shadow_horizontal_length_tablet=”0px” header_5_text_shadow_vertical_length_tablet=”0px” header_5_text_shadow_blur_strength_tablet=”1px” header_6_text_shadow_horizontal_length_tablet=”0px” header_6_text_shadow_vertical_length_tablet=”0px” header_6_text_shadow_blur_strength_tablet=”1px” box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” use_border_color=”off” border_color=”#ffffff” border_style=”solid” global_colors_info=”{}” sticky_enabled=”0″]<\/p>\n

DOWNLOAD LAYOUT<\/a><\/p>\n

\n\t\t\t\t\t
Please<\/strong> consider clicking this affiliate link for the official Divi marketplace<\/a> if you like this Divi freebie. All the best Divi child themes, plugins, and layouts are listed there and If you buy something I will receive a commission which will help keep this website a forever free Divi resource for the whole community. Thanks!<\/div><\/div>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|desktop” _builder_version=”3.22″ background_color=”#f7f7f7″ custom_padding=”0px|||” custom_padding_tablet=”50px|0|50px|0″ custom_padding_phone=”” transparent_background=”off” padding_mobile=”off” make_fullwidth=”off” use_custom_width=”off” width_unit=”on” global_colors_info=”{}”][et_pb_row use_custom_gutter=”on” padding_mobile=”off” column_padding_mobile=”on” _builder_version=”3.25″ module_alignment=”center” custom_padding=”0px|0px|0px|0px” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”3.27.4″ background_color=”#d1d1d1″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” text_orientation=”center” module_alignment=”center” use_border_color=”off” global_colors_info=”{}”]<\/p>\n

DIVI LAYOUT SCREENSHOT<\/p>\n

[\/et_pb_text][et_pb_image src=”https:\/\/www.divithemeexamples.com\/wp-content\/uploads\/2019\/01\/divi-layouts-hover-tutorials.jpg” alt=”divi hover layout” title_text=”divi hover layout” align=”center” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”3.23″ use_border_color=”off” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” custom_padding_last_edited=”on|desktop” _builder_version=”3.22″ background_color=”#dd3333″ custom_padding_tablet=”50px|0|50px|0″ custom_padding_phone=”” transparent_background=”off” padding_mobile=”off” make_fullwidth=”off” use_custom_width=”off” width_unit=”on” global_colors_info=”{}”][et_pb_fullwidth_header title=”Want more Divi Layouts for your Divi Theme?” text_orientation=”center” button_one_text=”MORE DIVI LAYOUTS” button_one_url=”https:\/\/www.divithemeexamples.com\/divi-layouts\/” content_max_width=”none” _builder_version=”3.16″ background_color=”rgba(221,51,51,0)” button_one_border_radius_hover=”3″ button_two_border_radius_hover=”3″ button_one_letter_spacing_hover=”0″ button_two_letter_spacing_hover=”0″ global_colors_info=”{}” button_one_text_size__hover_enabled=”off” button_one_text_size__hover=”null” button_two_text_size__hover_enabled=”off” button_two_text_size__hover=”null” button_one_text_color__hover_enabled=”off” button_one_text_color__hover=”null” button_two_text_color__hover_enabled=”off” button_two_text_color__hover=”null” button_one_border_width__hover_enabled=”off” button_one_border_width__hover=”null” button_two_border_width__hover_enabled=”off” button_two_border_width__hover=”null” button_one_border_color__hover_enabled=”off” button_one_border_color__hover=”null” button_two_border_color__hover_enabled=”off” button_two_border_color__hover=”null” button_one_border_radius__hover_enabled=”on” button_one_border_radius__hover=”3″ button_two_border_radius__hover_enabled=”on” button_two_border_radius__hover=”3″ button_one_letter_spacing__hover_enabled=”on” button_one_letter_spacing__hover=”0″ button_two_letter_spacing__hover_enabled=”on” button_two_letter_spacing__hover=”0″ button_one_bg_color__hover_enabled=”off” button_one_bg_color__hover=”null” button_two_bg_color__hover_enabled=”off” button_two_bg_color__hover=”null”]<\/p>\n

 <\/p>\n

[\/et_pb_fullwidth_header][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

Layout: Divi image hover tutorials Info: Layout pack created from the 2 tutorials “Creating an Interactive Question Card Grid for Your Next About Page with Divi” and “How to Change an Image on Hover with Divi” Created by: Divi Theme Examples, the home for everything Divi.DOWNLOAD LAYOUT

\n\t\t\t\t\t
<\/div><\/div> Please consider clicking this affiliate link […]<\/p>\n","protected":false},"author":1,"featured_media":228736,"comment_status":"open","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"project_category":[1953],"project_tag":[2135],"class_list":["post-222927","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-elegant-themes-divi-tutorial","project_tag-image-hover"],"yoast_head":"\nDivi image hover layout JSON (FREE DOWNLOAD)<\/title>\n<meta name=\"description\" content=\"Layout pack created from the 2 tutorials \u201cCreating an Interactive Question Card Grid for Your Next About Page with Divi\u201d and \u201cHow to Change an Image on Hover with Divi\u201c\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.divithemeexamples.com\/project\/divi-image-hover-layout\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Divi image hover layout JSON (FREE DOWNLOAD)\" \/>\n<meta property=\"og:description\" content=\"Layout pack created from the 2 tutorials \u201cCreating an Interactive Question Card Grid for Your Next About Page with Divi\u201d and \u201cHow to Change an Image on Hover with Divi\u201c\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.divithemeexamples.com\/project\/divi-image-hover-layout\/\" \/>\n<meta property=\"og:site_name\" content=\"Divi Theme Examples\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/divithemeexamples\/\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-02T11:39:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.divithemeexamples.com\/wp-content\/uploads\/2019\/05\/featured-image-placeholder.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"875\" \/>\n\t<meta property=\"og:image:height\" content=\"504\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@divitheme\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.divithemeexamples.com\/project\/divi-image-hover-layout\/\",\"url\":\"https:\/\/www.divithemeexamples.com\/project\/divi-image-hover-layout\/\",\"name\":\"Divi image hover layout JSON (FREE DOWNLOAD)\",\"isPartOf\":{\"@id\":\"https:\/\/www.divithemeexamples.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.divithemeexamples.com\/project\/divi-image-hover-layout\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.divithemeexamples.com\/project\/divi-image-hover-layout\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.divithemeexamples.com\/wp-content\/uploads\/2019\/05\/featured-image-placeholder.jpg\",\"datePublished\":\"2019-01-02T08:50:37+00:00\",\"dateModified\":\"2022-03-02T11:39:27+00:00\",\"description\":\"Layout pack created from the 2 tutorials \u201cCreating an Interactive Question Card Grid for Your Next About Page with Divi\u201d and \u201cHow to Change an Image on Hover with Divi\u201c\",\"breadcrumb\":{\"@id\":\"https:\/\/www.divithemeexamples.com\/project\/divi-image-hover-layout\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.divithemeexamples.com\/project\/divi-image-hover-layout\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.divithemeexamples.com\/project\/divi-image-hover-layout\/#primaryimage\",\"url\":\"https:\/\/www.divithemeexamples.com\/wp-content\/uploads\/2019\/05\/featured-image-placeholder.jpg\",\"contentUrl\":\"https:\/\/www.divithemeexamples.com\/wp-content\/uploads\/2019\/05\/featured-image-placeholder.jpg\",\"width\":875,\"height\":504,\"caption\":\"featured image placeholder\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.divithemeexamples.com\/project\/divi-image-hover-layout\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.divithemeexamples.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Projects\",\"item\":\"https:\/\/www.divithemeexamples.com\/project\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Divi image hover\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.divithemeexamples.com\/#website\",\"url\":\"https:\/\/www.divithemeexamples.com\/\",\"name\":\"Divi Theme Examples\",\"description\":\"Divi Theme examples, layouts, child themes & plugins\",\"publisher\":{\"@id\":\"https:\/\/www.divithemeexamples.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.divithemeexamples.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.divithemeexamples.com\/#organization\",\"name\":\"Divi Theme Examples\",\"url\":\"https:\/\/www.divithemeexamples.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.divithemeexamples.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.divithemeexamples.com\/wp-content\/uploads\/2017\/10\/logo-sq.png\",\"contentUrl\":\"https:\/\/www.divithemeexamples.com\/wp-content\/uploads\/2017\/10\/logo-sq.png\",\"width\":181,\"height\":181,\"caption\":\"Divi Theme Examples\"},\"image\":{\"@id\":\"https:\/\/www.divithemeexamples.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/divithemeexamples\/\",\"https:\/\/x.com\/divitheme\",\"https:\/\/www.instagram.com\/cl2018cl\/\",\"https:\/\/www.linkedin.com\/in\/freelancewebdesignersydney\/\",\"http:\/\/www.pinterest.com\/DiviTheme\/\",\"https:\/\/www.youtube.com\/c\/DivithemeexamplesG\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Divi image hover layout JSON (FREE DOWNLOAD)","description":"Layout pack created from the 2 tutorials \u201cCreating an Interactive Question Card Grid for Your Next About Page with Divi\u201d and \u201cHow to Change an Image on Hover with Divi\u201c","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.divithemeexamples.com\/project\/divi-image-hover-layout\/","og_locale":"en_US","og_type":"article","og_title":"Divi image hover layout JSON (FREE DOWNLOAD)","og_description":"Layout pack created from the 2 tutorials \u201cCreating an Interactive Question Card Grid for Your Next About Page with Divi\u201d and \u201cHow to Change an Image on Hover with Divi\u201c","og_url":"https:\/\/www.divithemeexamples.com\/project\/divi-image-hover-layout\/","og_site_name":"Divi Theme Examples","article_publisher":"https:\/\/www.facebook.com\/divithemeexamples\/","article_modified_time":"2022-03-02T11:39:27+00:00","og_image":[{"width":875,"height":504,"url":"https:\/\/www.divithemeexamples.com\/wp-content\/uploads\/2019\/05\/featured-image-placeholder.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@divitheme","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.divithemeexamples.com\/project\/divi-image-hover-layout\/","url":"https:\/\/www.divithemeexamples.com\/project\/divi-image-hover-layout\/","name":"Divi image hover layout JSON (FREE DOWNLOAD)","isPartOf":{"@id":"https:\/\/www.divithemeexamples.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.divithemeexamples.com\/project\/divi-image-hover-layout\/#primaryimage"},"image":{"@id":"https:\/\/www.divithemeexamples.com\/project\/divi-image-hover-layout\/#primaryimage"},"thumbnailUrl":"https:\/\/www.divithemeexamples.com\/wp-content\/uploads\/2019\/05\/featured-image-placeholder.jpg","datePublished":"2019-01-02T08:50:37+00:00","dateModified":"2022-03-02T11:39:27+00:00","description":"Layout pack created from the 2 tutorials \u201cCreating an Interactive Question Card Grid for Your Next About Page with Divi\u201d and \u201cHow to Change an Image on Hover with Divi\u201c","breadcrumb":{"@id":"https:\/\/www.divithemeexamples.com\/project\/divi-image-hover-layout\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.divithemeexamples.com\/project\/divi-image-hover-layout\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.divithemeexamples.com\/project\/divi-image-hover-layout\/#primaryimage","url":"https:\/\/www.divithemeexamples.com\/wp-content\/uploads\/2019\/05\/featured-image-placeholder.jpg","contentUrl":"https:\/\/www.divithemeexamples.com\/wp-content\/uploads\/2019\/05\/featured-image-placeholder.jpg","width":875,"height":504,"caption":"featured image placeholder"},{"@type":"BreadcrumbList","@id":"https:\/\/www.divithemeexamples.com\/project\/divi-image-hover-layout\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.divithemeexamples.com\/"},{"@type":"ListItem","position":2,"name":"Projects","item":"https:\/\/www.divithemeexamples.com\/project\/"},{"@type":"ListItem","position":3,"name":"Divi image hover"}]},{"@type":"WebSite","@id":"https:\/\/www.divithemeexamples.com\/#website","url":"https:\/\/www.divithemeexamples.com\/","name":"Divi Theme Examples","description":"Divi Theme examples, layouts, child themes & plugins","publisher":{"@id":"https:\/\/www.divithemeexamples.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.divithemeexamples.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.divithemeexamples.com\/#organization","name":"Divi Theme Examples","url":"https:\/\/www.divithemeexamples.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.divithemeexamples.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.divithemeexamples.com\/wp-content\/uploads\/2017\/10\/logo-sq.png","contentUrl":"https:\/\/www.divithemeexamples.com\/wp-content\/uploads\/2017\/10\/logo-sq.png","width":181,"height":181,"caption":"Divi Theme Examples"},"image":{"@id":"https:\/\/www.divithemeexamples.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/divithemeexamples\/","https:\/\/x.com\/divitheme","https:\/\/www.instagram.com\/cl2018cl\/","https:\/\/www.linkedin.com\/in\/freelancewebdesignersydney\/","http:\/\/www.pinterest.com\/DiviTheme\/","https:\/\/www.youtube.com\/c\/DivithemeexamplesG"]}]}},"_links":{"self":[{"href":"https:\/\/www.divithemeexamples.com\/wp-json\/wp\/v2\/project\/222927","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.divithemeexamples.com\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/www.divithemeexamples.com\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/www.divithemeexamples.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.divithemeexamples.com\/wp-json\/wp\/v2\/comments?post=222927"}],"version-history":[{"count":0,"href":"https:\/\/www.divithemeexamples.com\/wp-json\/wp\/v2\/project\/222927\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.divithemeexamples.com\/wp-json\/wp\/v2\/media\/228736"}],"wp:attachment":[{"href":"https:\/\/www.divithemeexamples.com\/wp-json\/wp\/v2\/media?parent=222927"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/www.divithemeexamples.com\/wp-json\/wp\/v2\/project_category?post=222927"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/www.divithemeexamples.com\/wp-json\/wp\/v2\/project_tag?post=222927"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}