{"id":231604,"date":"2019-10-19T08:55:11","date_gmt":"2019-10-19T08:55:11","guid":{"rendered":"https:\/\/themes.kerjemtec.com\/code-snippets\/?page_id=231604"},"modified":"2019-10-19T08:59:38","modified_gmt":"2019-10-19T08:59:38","slug":"image-replacement-layout","status":"publish","type":"page","link":"https:\/\/themes.kerjemtec.com\/code-snippets\/image-replacement-layout\/","title":{"rendered":"Image Replacement Layout"},"content":{"rendered":"

[et_pb_section bb_built=”1″ _builder_version=”3.27.3″ background_enable_color=”off” background_enable_image=”off” background_size=”contain” background_position=”bottom_left” custom_margin=”2vw|2vw|2vw|2vw|false|true” custom_margin_tablet=”12vw||0vw||false|false” custom_margin_phone=”2vw||||false|false” custom_margin_last_edited=”off|desktop” hover_enabled=”0″ border_radii=”on|10px|10px|10px|10px” background__hover_enabled=”off|hover”][et_pb_row column_structure=”1_3,1_3,1_3″ use_custom_gutter=”on” gutter_width=”1″ make_equal=”on” custom_padding_last_edited=”on|desktop” _builder_version=”3.27.3″ background_enable_color=”off” use_background_color_gradient=”on” background_color_gradient_start=”#f4e9de” background_color_gradient_end=”#fff0e8″ background_color_gradient_overlays_image=”on” background_enable_image=”off” background_size=”contain” background_position=”bottom_left” width=”100%” max_width=”100%” module_alignment=”center” overflow-x=”visible” overflow-y=”visible” custom_margin=”||||true|false” custom_margin_tablet=”||||false|false” custom_margin_phone=”-64vw||||false|false” custom_margin_last_edited=”off|phone” custom_padding=”5vw|7vw|||false|false” custom_padding_tablet=”|5vw||5vw|false|true” custom_padding_phone=”5vw||||false|false” hover_enabled=”0″ background__hover_enabled=”off|hover”][et_pb_column type=”1_3″ _builder_version=”3.27.3″ custom_padding=”||||false|false” custom_padding_tablet=”0vw||0vw||false|false” custom_padding_phone=”6vw||0vw||false|false” custom_padding_last_edited=”off|desktop” hover_enabled=”0″][et_pb_text _builder_version=”3.27.4″ header_font_size=”2px” header_2_font=”Annie Use Your Telescope|700|||||||” header_2_text_align=”center” header_2_text_color=”#793715″ header_2_font_size=”7.2vw” transform_scale_tablet=”100%|100%” transform_scale_last_edited=”on|desktop” transform_translate=”-10vw|19vw” transform_translate_tablet=”0vw|0vw” transform_translate_last_edited=”on|desktop” transform_translate_linked=”off” transform_rotate=”0deg|0deg|270deg” transform_rotate_tablet=”0deg|0deg|0deg” transform_rotate_last_edited=”on|desktop” transform_skew_last_edited=”on|desktop” transform_origin_last_edited=”on|desktop” transform_styles_last_edited=”on|desktop” width=”45vw” width_tablet=”100%” width_last_edited=”on|phone” custom_padding=”||||false|false” custom_padding_tablet=”|||10vw|false|false” custom_padding_phone=”||||false|false” custom_padding_last_edited=”off|phone” hover_enabled=”0″ header_2_font_size_tablet=”12vw” header_2_font_size_phone=”11vw” header_2_font_size_last_edited=”on|desktop” transform_styles__hover_enabled=”off|desktop” transform_scale__hover_enabled=”off|desktop” transform_translate__hover_enabled=”off|desktop” transform_rotate__hover_enabled=”off|desktop” transform_skew__hover_enabled=”off|desktop” transform_origin__hover_enabled=”off|desktop”]<\/p>\n

Bread Delivery<\/h2>\n

[\/et_pb_text][et_pb_image src=”http:\/\/orana.sandbox.etdevs.com\/tutorial\/wp-content\/uploads\/sites\/4\/2019\/08\/Bakery_Icons_final-expanded.png” force_fullwidth=”on” _builder_version=”3.27.3″ custom_margin=”-11vw|||-2vw|false|false” custom_margin_tablet=”|||-36vw|false|false” custom_margin_last_edited=”on|phone” custom_padding=”|10vw||10vw|false|true” custom_padding_tablet=”|34vw||34vw|false|true” custom_padding_last_edited=”on|tablet” hover_enabled=”0″ \/][et_pb_image src=”http:\/\/orana.sandbox.etdevs.com\/tutorial\/wp-content\/uploads\/sites\/4\/2019\/08\/basket.png” force_fullwidth=”on” _builder_version=”3.27.3″ custom_margin=”-2vw|||-14vw|false|false” custom_margin_tablet=”-10vw||||false|false” custom_margin_last_edited=”on|tablet” custom_padding=”|7vw||7vw|false|true” custom_padding_tablet=”|35vw||35vw|false|true” custom_padding_last_edited=”on|tablet” hover_enabled=”0″ \/][et_pb_image src=”http:\/\/orana.sandbox.etdevs.com\/tutorial\/wp-content\/uploads\/sites\/4\/2019\/08\/baguette.png” force_fullwidth=”on” _builder_version=”3.27.3″ custom_margin=”|||-13vw|false|false” custom_margin_tablet=”-18vw|||10vw|false|false” custom_margin_last_edited=”on|phone” custom_padding=”|7vw||7vw|false|true” custom_padding_tablet=”|35vw||35vw|false|true” custom_padding_last_edited=”on|tablet” hover_enabled=”0″ \/][et_pb_image src=”http:\/\/orana.sandbox.etdevs.com\/tutorial\/wp-content\/uploads\/sites\/4\/2019\/08\/Bakery_Icons_final-expanded.png” force_fullwidth=”on” _builder_version=”3.27.3″ transform_rotate=”0deg|0deg|84deg” custom_margin=”3vw|||-3vw|false|false” custom_margin_tablet=”-15vw|||30vw|false|false” custom_margin_last_edited=”on|phone” custom_padding=”|10vw||10vw|false|true” custom_padding_tablet=”|35vw||35vw|false|true” custom_padding_last_edited=”on|tablet” hover_enabled=”0″ \/][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.27.3″ custom_padding=”||||false|false” custom_padding_tablet=”0vw||||false|false” custom_padding_phone=”0vw||||false|false” custom_padding_last_edited=”off|desktop” hover_enabled=”0″][et_pb_text _builder_version=”3.27.4″ header_3_font=”Annie Use Your Telescope||||||||” header_3_text_color=”#FFFFFF” header_3_font_size=”2vw” background_color=”#793715″ transform_scale_last_edited=”on|tablet” transform_translate=”3vw|0vw” transform_translate_tablet=”23vw|21vw” transform_translate_last_edited=”on|tablet” transform_translate_linked=”off” transform_rotate_last_edited=”on|tablet” transform_skew_last_edited=”on|tablet” transform_origin_last_edited=”on|tablet” transform_styles_last_edited=”on|tablet” text_orientation=”center” width=”33%” module_alignment=”center” custom_margin=”||1vw||false|false” custom_margin_tablet=”12vw||0vw||false|false” custom_margin_phone=”2vw||||false|false” custom_margin_last_edited=”off|desktop” custom_padding=”0.5vw||1.1vw||false|false” custom_padding_tablet=”2.3vw||||false|false” custom_padding_last_edited=”on|desktop” link_option_url=”#” hover_enabled=”0″ header_3_font_size_tablet=”5vw” header_3_font_size_phone=”6vw” header_3_font_size_last_edited=”on|phone” border_radii=”on|1vw|1vw|1vw|1vw” box_shadow_style=”preset1″ box_shadow_horizontal=”7px” box_shadow_blur=”25px” text_text_align=”center”]<\/p>\n

Pretzels<\/h3>\n

[\/et_pb_text][et_pb_image src=”http:\/\/orana.sandbox.etdevs.com\/tutorial\/wp-content\/uploads\/sites\/4\/2019\/08\/slide7-1.jpg” force_fullwidth=”on” _builder_version=”3.27.3″ transform_translate_linked__hover=”off” custom_margin=”-2vw||4vw|-5vw|false|false” custom_margin_tablet=”20vw|||0vw|false|false” custom_margin_last_edited=”on|phone” hover_enabled=”0″ border_radii=”on|10px|10px|10px|10px” box_shadow_style=”preset2″ box_shadow_vertical=”20px” box_shadow_blur=”80px” box_shadow_color=”rgba(63,58,0,0.21)” background__hover_enabled=”on|hover” src__hover_enabled=”on|desktop” src__hover=”http:\/\/orana.sandbox.etdevs.com\/tutorial\/wp-content\/uploads\/sites\/4\/2019\/08\/slide8-1.jpg” transform_styles__hover_enabled=”on|hover” transform_scale__hover_enabled=”on|hover” transform_translate__hover_enabled=”on|desktop” transform_rotate__hover_enabled=”on|desktop” transform_skew__hover_enabled=”on|desktop” transform_origin__hover_enabled=”on|desktop” transform_scale__hover=”110%|110%” transform_translate__hover=”0px|0.5vw” \/][et_pb_text _builder_version=”3.27.4″ header_3_font=”Annie Use Your Telescope||||||||” header_3_text_color=”#FFFFFF” header_3_font_size=”2vw” background_color=”#793715″ transform_scale_last_edited=”on|tablet” transform_translate=”3vw|0px” transform_translate_tablet=”22vw|8vw” transform_translate_last_edited=”on|tablet” transform_translate_linked=”off” transform_rotate_last_edited=”on|tablet” transform_skew_last_edited=”on|tablet” transform_origin_last_edited=”on|tablet” transform_styles_last_edited=”on|tablet” text_orientation=”center” width=”33%” module_alignment=”center” custom_margin=”||1vw||false|false” custom_margin_tablet=”12vw||0vw||false|false” custom_margin_phone=”2vw||||false|false” custom_margin_last_edited=”off|desktop” custom_padding=”0.5vw||1.1vw||false|false” custom_padding_tablet=”2.3vw||||false|false” custom_padding_last_edited=”on|desktop” link_option_url=”#” hover_enabled=”0″ header_3_font_size_tablet=”5vw” header_3_font_size_phone=”6vw” header_3_font_size_last_edited=”on|phone” border_radii=”on|1vw|1vw|1vw|1vw” box_shadow_style=”preset1″ text_text_align=”center” header_2_3_font_size_phone=”6vw” header_3_3_font_size_phone=”6vw” header_4_3_font_size_phone=”6vw” header_5_3_font_size_phone=”6vw” header_6_3_font_size_phone=”6vw” header_2_3_font_size_tablet=”5vw” header_3_3_font_size_tablet=”5vw” header_4_3_font_size_tablet=”5vw” header_5_3_font_size_tablet=”5vw” header_6_3_font_size_tablet=”5vw” header_2_3_font_size_last_edited=”on|phone” header_3_3_font_size_last_edited=”on|phone” header_4_3_font_size_last_edited=”on|phone” header_5_3_font_size_last_edited=”on|phone” header_6_3_font_size_last_edited=”on|phone”]<\/p>\n

Muffins<\/h3>\n

[\/et_pb_text][et_pb_image src=”https:\/\/themes.kerjemtec.com\/code-snippets\/wp-content\/uploads\/sites\/19\/2019\/10\/slide2-1.jpg” force_fullwidth=”on” _builder_version=”3.27.3″ transform_translate_linked__hover=”off” custom_margin=”-2vw||4vw|-5vw|false|false” custom_margin_tablet=”7vw|||0vw|false|false” custom_margin_last_edited=”on|phone” hover_enabled=”0″ border_radii=”on|10px|10px|10px|10px” box_shadow_style=”preset2″ box_shadow_vertical=”20px” box_shadow_blur=”80px” box_shadow_color=”rgba(63,58,0,0.21)” src__hover_enabled=”on|hover” src__hover=”https:\/\/themes.kerjemtec.com\/code-snippets\/wp-content\/uploads\/sites\/19\/2019\/10\/slide1-1.jpg” transform_styles__hover_enabled=”on|hover” transform_scale__hover=”110%|110%” transform_scale__hover_enabled=”on|hover” transform_translate__hover=”0px|0.5vw” transform_translate__hover_enabled=”on|desktop” transform_rotate__hover_enabled=”on|desktop” transform_skew__hover_enabled=”on|desktop” transform_origin__hover_enabled=”on|desktop” background__hover_enabled=”on|hover” \/][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.27.3″ transform_scale_last_edited=”on|phone” transform_translate_linked_tablet=”off” transform_rotate_last_edited=”on|desktop” transform_skew_last_edited=”on|desktop” transform_origin_last_edited=”on|desktop” custom_padding=”||||false|false” hover_enabled=”0″][et_pb_text _builder_version=”3.27.4″ header_3_font=”Annie Use Your Telescope||||||||” header_3_text_color=”#FFFFFF” header_3_font_size=”2vw” background_color=”#793715″ transform_scale_last_edited=”on|tablet” transform_translate=”-2vw|0px” transform_translate_tablet=”-8vw|12vw” transform_translate_last_edited=”on|tablet” transform_translate_linked=”off” transform_rotate_last_edited=”on|tablet” transform_skew_last_edited=”on|tablet” transform_origin_last_edited=”on|tablet” transform_styles_last_edited=”on|tablet” text_orientation=”center” width=”33%” module_alignment=”right” custom_margin=”||1vw||false|false” custom_margin_tablet=”12vw||0vw||false|false” custom_margin_phone=”2vw||||false|false” custom_margin_last_edited=”off|desktop” custom_padding=”0.5vw||1.1vw||false|false” custom_padding_tablet=”2.3vw||||false|false” custom_padding_last_edited=”on|desktop” link_option_url=”#” hover_enabled=”0″ header_3_font_size_tablet=”5vw” header_3_font_size_phone=”6vw” header_3_font_size_last_edited=”on|phone” border_radii=”on|1vw|1vw|1vw|1vw” box_shadow_style=”preset1″ box_shadow_horizontal=”7px” box_shadow_blur=”25px” text_text_align=”center” header_2_3_font_size_phone=”6vw” header_3_3_font_size_phone=”6vw” header_4_3_font_size_phone=”6vw” header_5_3_font_size_phone=”6vw” header_6_3_font_size_phone=”6vw” header_2_3_font_size_tablet=”5vw” header_3_3_font_size_tablet=”5vw” header_4_3_font_size_tablet=”5vw” header_5_3_font_size_tablet=”5vw” header_6_3_font_size_tablet=”5vw” header_2_3_font_size_last_edited=”on|phone” header_3_3_font_size_last_edited=”on|phone” header_4_3_font_size_last_edited=”on|phone” header_5_3_font_size_last_edited=”on|phone” header_6_3_font_size_last_edited=”on|phone”]<\/p>\n

Bagels<\/h3>\n

[\/et_pb_text][et_pb_image src=”https:\/\/themes.kerjemtec.com\/code-snippets\/wp-content\/uploads\/sites\/19\/2019\/10\/slide5-1.jpg” force_fullwidth=”on” _builder_version=”3.27.3″ transform_translate_linked__hover=”off” custom_margin=”-2vw||5vw||false|false” custom_margin_tablet=”11vw|||0px|false|false” custom_margin_last_edited=”on|phone” hover_enabled=”0″ border_radii=”on|10px|10px|10px|10px” box_shadow_style=”preset2″ box_shadow_vertical=”20px” box_shadow_blur=”80px” box_shadow_color=”rgba(63,58,0,0.21)” src__hover_enabled=”on|hover” src__hover=”https:\/\/themes.kerjemtec.com\/code-snippets\/wp-content\/uploads\/sites\/19\/2019\/10\/slide6-1.jpg” transform_styles__hover_enabled=”on|hover” transform_scale__hover=”110%|110%” transform_scale__hover_enabled=”on|hover” transform_translate__hover=”0px|0.5vw” transform_translate__hover_enabled=”on|desktop” transform_rotate__hover_enabled=”on|desktop” transform_skew__hover_enabled=”on|desktop” transform_origin__hover_enabled=”on|desktop” background__hover_enabled=”on|hover” \/][et_pb_text _builder_version=”3.27.4″ header_3_font=”Annie Use Your Telescope||||||||” header_3_text_color=”#FFFFFF” header_3_font_size=”2vw” background_color=”#793715″ transform_scale_last_edited=”on|desktop” transform_translate=”-2vw|-1vw” transform_translate_tablet=”-7vw|8vw” transform_translate_last_edited=”on|desktop” transform_translate_linked=”off” transform_rotate_last_edited=”on|tablet” transform_skew_last_edited=”on|tablet” transform_origin_last_edited=”on|tablet” transform_styles_last_edited=”on|desktop” text_orientation=”center” width=”33%” module_alignment=”right” custom_margin=”||1vw||false|false” custom_margin_tablet=”12vw||0vw||false|false” custom_margin_phone=”2vw||||false|false” custom_margin_last_edited=”off|desktop” custom_padding=”0.5vw||1.1vw||false|false” custom_padding_tablet=”2.3vw||||false|false” custom_padding_last_edited=”on|desktop” link_option_url=”#” hover_enabled=”0″ header_3_font_size_tablet=”5vw” header_3_font_size_phone=”6vw” header_3_font_size_last_edited=”on|phone” border_radii=”on|1vw|1vw|1vw|1vw” box_shadow_style=”preset1″ box_shadow_horizontal=”7px” box_shadow_blur=”25px” text_text_align=”center” header_2_3_font_size_phone=”6vw” header_3_3_font_size_phone=”6vw” header_4_3_font_size_phone=”6vw” header_5_3_font_size_phone=”6vw” header_6_3_font_size_phone=”6vw” header_2_3_font_size_tablet=”5vw” header_3_3_font_size_tablet=”5vw” header_4_3_font_size_tablet=”5vw” header_5_3_font_size_tablet=”5vw” header_6_3_font_size_tablet=”5vw” header_2_3_font_size_last_edited=”on|phone” header_3_3_font_size_last_edited=”on|phone” header_4_3_font_size_last_edited=”on|phone” header_5_3_font_size_last_edited=”on|phone” header_6_3_font_size_last_edited=”on|phone”]<\/p>\n

Loaves<\/h3>\n

[\/et_pb_text][et_pb_image src=”https:\/\/themes.kerjemtec.com\/code-snippets\/wp-content\/uploads\/sites\/19\/2019\/10\/slide3-1.jpg” force_fullwidth=”on” _builder_version=”3.27.3″ transform_translate_linked__hover=”off” custom_margin=”-3vw||||false|false” custom_margin_tablet=”7vw|||0px|false|false” custom_margin_last_edited=”on|desktop” hover_enabled=”0″ border_radii=”on|10px|10px|10px|10px” box_shadow_style=”preset2″ box_shadow_vertical=”20px” box_shadow_blur=”80px” box_shadow_color=”rgba(63,58,0,0.21)” src__hover_enabled=”on|hover” src__hover=”https:\/\/themes.kerjemtec.com\/code-snippets\/wp-content\/uploads\/sites\/19\/2019\/10\/slide4-1.jpg” transform_styles__hover_enabled=”on|hover” transform_scale__hover=”110%|110%” transform_scale__hover_enabled=”on|hover” transform_translate__hover=”0px|0.5vw” transform_translate__hover_enabled=”on|desktop” transform_rotate__hover_enabled=”on|desktop” transform_skew__hover_enabled=”on|desktop” transform_origin__hover_enabled=”on|desktop” background__hover_enabled=”on|hover” \/][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

THe image replacement hover options give your projects a whole new level of creativity. This is an example of how to create a beautiful section with images that change on hover. <\/p>\n","protected":false},"author":1,"featured_media":231608,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-231604","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/themes.kerjemtec.com\/code-snippets\/wp-json\/wp\/v2\/pages\/231604","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themes.kerjemtec.com\/code-snippets\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.kerjemtec.com\/code-snippets\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.kerjemtec.com\/code-snippets\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.kerjemtec.com\/code-snippets\/wp-json\/wp\/v2\/comments?post=231604"}],"version-history":[{"count":4,"href":"https:\/\/themes.kerjemtec.com\/code-snippets\/wp-json\/wp\/v2\/pages\/231604\/revisions"}],"predecessor-version":[{"id":231609,"href":"https:\/\/themes.kerjemtec.com\/code-snippets\/wp-json\/wp\/v2\/pages\/231604\/revisions\/231609"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themes.kerjemtec.com\/code-snippets\/wp-json\/wp\/v2\/media\/231608"}],"wp:attachment":[{"href":"https:\/\/themes.kerjemtec.com\/code-snippets\/wp-json\/wp\/v2\/media?parent=231604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}