{"id":310,"date":"2026-03-31T23:21:51","date_gmt":"2026-03-31T23:21:51","guid":{"rendered":"https:\/\/gebrexiabher.net\/?page_id=310"},"modified":"2026-03-31T23:57:59","modified_gmt":"2026-03-31T23:57:59","slug":"image-gallery","status":"publish","type":"page","link":"https:\/\/gebrexiabher.net\/index.php\/image-gallery\/","title":{"rendered":"Gallery"},"content":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”4.27.6″ _module_preset=”default” global_colors_info=”{}”][et_pb_row column_structure=”1_4,1_4,1_4,1_4″ _builder_version=”4.27.6″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”1_4″ _builder_version=”4.27.6″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”http:\/\/gebrexiabher.net\/wp-content\/uploads\/2026\/03\/Paper.Ideas_.561.png” title_text=”Paper.Ideas.561″ _builder_version=”4.27.6″ _module_preset=”default” animation_style=”fold” animation_duration=”2000ms” animation_delay=”1800ms” animation_intensity_fold=”29%” global_colors_info=”{}”][\/et_pb_image][et_pb_image src=”http:\/\/gebrexiabher.net\/wp-content\/uploads\/2026\/03\/IMG_1236.jpg” title_text=”IMG_1236″ _builder_version=”4.27.6″ _module_preset=”default” transform_scale=”108%|108%” transform_scale_last_edited=”off|desktop” transform_translate_last_edited=”off|desktop” transform_rotate_last_edited=”off|desktop” transform_skew_last_edited=”off|desktop” transform_origin_last_edited=”off|desktop” transform_styles_last_edited=”off|desktop” width=”35%” scroll_vertical_motion=”0|92|92|100|4|0|-4″ scroll_scaling_enable=”on” scroll_scaling=”0|85|85|100|70|100|100″ motion_trigger_start=”bottom” global_colors_info=”{}” 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=”364%|364%”][\/et_pb_image][et_pb_text _builder_version=”4.27.6″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.odule Design settings and even apply custom CSS to this text in the module Advanced settings.Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings<\/p>\n

[\/et_pb_text][et_pb_image src=”http:\/\/gebrexiabher.net\/wp-content\/uploads\/2026\/03\/Paper.Ideas_.150.png” title_text=”Paper.Ideas.150″ _builder_version=”4.27.6″ _module_preset=”default” transform_skew=”22deg|22deg” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_4″ _builder_version=”4.27.6″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”http:\/\/gebrexiabher.net\/wp-content\/uploads\/2026\/03\/Paper.Ideas_.146.png” title_text=”Paper.Ideas.146″ _builder_version=”4.27.6″ _module_preset=”default” transform_scale=”108%|108%” width=”35%” scroll_vertical_motion=”0|92|92|100|4|0|-4″ scroll_scaling_enable=”on” scroll_scaling=”0|85|85|100|70|100|100″ motion_trigger_start=”bottom” global_colors_info=”{}” transform_styles__hover_enabled=”on|hover” transform_scale__hover=”364%|364%” 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”][\/et_pb_image][et_pb_image src=”http:\/\/gebrexiabher.net\/wp-content\/uploads\/2026\/03\/Paper.Ideas_.144.png” title_text=”Paper.Ideas.144″ _builder_version=”4.27.6″ _module_preset=”default” transform_scale=”108%|108%” width=”35%” scroll_vertical_motion=”0|92|92|100|4|0|-4″ scroll_scaling_enable=”on” scroll_scaling=”0|85|85|100|70|100|100″ motion_trigger_start=”bottom” global_colors_info=”{}” transform_styles__hover_enabled=”on|hover” transform_scale__hover=”364%|364%” 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”][\/et_pb_image][et_pb_image src=”http:\/\/gebrexiabher.net\/wp-content\/uploads\/2026\/03\/Paper.Ideas_.560.png” title_text=”Paper.Ideas.560″ _builder_version=”4.27.6″ _module_preset=”default” transform_scale=”108%|108%” width=”35%” scroll_vertical_motion=”0|92|92|100|4|0|-4″ scroll_scaling_enable=”on” scroll_scaling=”0|85|85|100|70|100|100″ motion_trigger_start=”bottom” global_colors_info=”{}” transform_styles__hover_enabled=”on|hover” transform_scale__hover=”364%|364%” 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”][\/et_pb_image][et_pb_text _builder_version=”4.27.6″ _module_preset=”default” custom_padding=”||0px|||” global_colors_info=”{}”]<\/p>\n

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the m.<\/p>\n

[\/et_pb_text][et_pb_image src=”http:\/\/gebrexiabher.net\/wp-content\/uploads\/2026\/03\/IMG_1236.jpg” title_text=”IMG_1236″ _builder_version=”4.27.6″ _module_preset=”default” transform_scale=”108%|108%” transform_scale_last_edited=”off|desktop” transform_translate_last_edited=”off|desktop” transform_rotate_last_edited=”off|desktop” transform_skew_last_edited=”off|desktop” transform_origin_last_edited=”off|desktop” transform_styles_last_edited=”off|desktop” width=”35%” scroll_vertical_motion=”0|92|92|100|4|0|-4″ scroll_scaling_enable=”on” scroll_scaling=”0|85|85|100|70|100|100″ motion_trigger_start=”bottom” global_colors_info=”{}” 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=”100%|100%”][\/et_pb_image][et_pb_image src=”http:\/\/gebrexiabher.net\/wp-content\/uploads\/2026\/03\/IMG_7798.jpg” title_text=”IMG_7798″ _builder_version=”4.27.6″ _module_preset=”default” transform_scale=”108%|108%” scroll_vertical_motion_enable=”on” scroll_vertical_motion=”0|92|92|100|4|0|-4″ scroll_scaling_enable=”on” scroll_scaling=”0|85|85|100|70|100|100″ motion_trigger_start=”bottom” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_4″ _builder_version=”4.27.6″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.6″ _module_preset=”default” custom_padding=”||0px|||” global_colors_info=”{}”]<\/p>\n

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design\u00a0<\/p>\n

[\/et_pb_text][et_pb_image src=”http:\/\/gebrexiabher.net\/wp-content\/uploads\/2026\/03\/Paper.Ideas_.548.png” title_text=”Paper.Ideas.548″ _builder_version=”4.27.6″ _module_preset=”default” transform_scale=”108%|108%” width=”35%” scroll_vertical_motion=”0|92|92|100|4|0|-4″ scroll_scaling_enable=”on” scroll_scaling=”0|85|85|100|70|100|100″ motion_trigger_start=”bottom” global_colors_info=”{}” transform_styles__hover_enabled=”on|hover” transform_scale__hover=”364%|364%” 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”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_4″ _builder_version=”4.27.6″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”http:\/\/gebrexiabher.net\/wp-content\/uploads\/2026\/03\/Paper.Ideas_.553.png” title_text=”Paper.Ideas.553″ _builder_version=”4.27.6″ _module_preset=”default” transform_scale=”108%|108%” width=”35%” scroll_vertical_motion=”0|92|92|100|4|0|-4″ scroll_scaling_enable=”on” scroll_scaling=”0|85|85|100|70|100|100″ motion_trigger_start=”bottom” global_colors_info=”{}” transform_styles__hover_enabled=”on|hover” transform_scale__hover=”364%|364%” 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”][\/et_pb_image][et_pb_text _builder_version=”4.27.6″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n

\n
\n
\n
\n
\n
\n
\n
\n
where the hell do i find on hover zoom in on picture on divi 4<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n<\/div>\n<\/div>\n<\/section>\n
\n
\n
\n
\n
\n
\n
\n

Short answer\u2014Divi doesn\u2019t have a clear \u201chover zoom\u201d toggle.<\/p>\n

Do this instead:<\/p>\n

1\ufe0f\u20e3 Open your image module in WordPress<\/span><\/span> (Divi builder)<\/p>\n

2\ufe0f\u20e3 Go to:
Advanced \u2192 Custom CSS \u2192 Main Element<\/strong><\/p>\n

3\ufe0f\u20e3 Paste this:<\/p>\n

\n
\n
\n
\n
\n
\n
\n
\n
\n
<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n
\n
overflow<\/span>: <\/span>hidden<\/span>;<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

4\ufe0f\u20e3 Then in Image \u2192 Advanced \u2192 Custom CSS \u2192 Image<\/strong> paste:<\/p>\n

\n
\n
\n
\n
\n
\n
\n
\n
\n
<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n
\n
transition<\/span>: <\/span>transform<\/span> 0.3<\/span>s<\/span> <\/span>ease<\/span>;<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

5\ufe0f\u20e3 Add hover:<\/p>\n

\n
\n
\n
\n
\n
\n
\n
\n
\n
<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n
\n
.<\/span>et_pb_image<\/span>:<\/span>hover<\/span> <\/span>img<\/span> {<\/span>
transform: <\/span>scale<\/span>(<\/span>1.1<\/span>);<\/span>
}<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

That\u2019s it\u2014hover zoom effect.<\/p>\n

Divi hides this stuff \u2192 you use CSS for control.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

<\/div>\n<\/div>\n<\/div>\n<\/section>\n
\n
\n
\n
\n
\n
\n
\n
what is the point of divi if it hides shit instead of enabling?<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n<\/div>\n<\/div>\n<\/section>\n
\n
\n
\n
\n
\n
\n
\n

Fair question\u2014and you\u2019re not wrong.<\/p>\n

Point of Divi:<\/strong><\/p>\n

    \n
  • Fast visual building (no coding)<\/li>\n
  • Non-technical users can design pages<\/li>\n
  • Prebuilt layouts = speed<\/li>\n<\/ul>\n

    Trade-off:<\/strong><\/p>\n

      \n
    • It abstracts (hides) control<\/strong><\/li>\n
    • Not every effect (like hover zoom) has a toggle<\/li>\n
    • You sometimes need CSS anyway<\/li>\n<\/ul>\n

      So:<\/p>\n

        \n
      • Divi = speed + convenience<\/strong><\/li>\n
      • Raw WordPress<\/span><\/span> = control + clarity<\/strong><\/li>\n<\/ul>\n

        Reality: professionals use both.<\/p>\n

          \n
        • Build fast in Divi<\/li>\n
        • Add CSS\/PHP when Divi can\u2019t do something<\/li>\n<\/ul>\n

          You\u2019re hitting the exact boundary where \u201cbuilder ends, real web starts.\u201d<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

          <\/div>\n<\/div>\n<\/div>\n<\/section>\n
          \n
          \n
          \n
          \n
          \n
          \n
          \n
          what do you mean by main element ? do you mean parent of the image that i want to zoom in on hover or section or columen or row? “Advanced \u2192 Custom CSS \u2192 Main Element”<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
          <\/div>\n<\/div>\n<\/div>\n<\/section>\n
          \n
          \n
          \n
          \n
          \n
          \n
          \n

          Good question.<\/p>\n

          \u201cMain Element\u201d = the wrapper of THAT specific module.<\/strong>
          So in your case: the Image module itself<\/strong>, not the section\/row\/column.<\/p>\n

          Think hierarchy:<\/p>\n

            \n
          • Section\n
              \n
            • Row\n
                \n
              • Column\n
                  \n
                • Image module (this is what you opened)<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n

                  When you open the Image module \u2192 Advanced \u2192 Custom CSS:<\/p>\n

                    \n
                  • Main Element<\/strong> = the outer <div><\/code> of that image module<\/li>\n
                  • Image<\/strong> = the <img><\/code> inside it<\/li>\n<\/ul>\n

                    So:<\/p>\n

                      \n
                    • Main Element<\/code> \u2192 controls the container (overflow, positioning)<\/li>\n
                    • Image<\/code> \u2192 controls the actual image (scale, transform)<\/li>\n<\/ul>\n

                      Don\u2019t use section\/row\u2014stay inside the Image module settings<\/strong>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

                      <\/div>\n<\/div>\n<\/div>\n<\/section>\n
                      \n
                      \n
                      \n
                      \n
                      \n
                      \n
                      \n
                      wtf so which one is it ?<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
                      <\/div>\n<\/div>\n<\/div>\n<\/section>\n
                      \n
                      \n
                      \n
                      \n
                      \n
                      \n
                      \n

                      Clear answer:<\/p>\n

                        \n
                      • Use BOTH fields inside the Image module<\/strong><\/li>\n<\/ul>\n

                        \ud83d\udc49 Main Element<\/strong> = the container (outer box)
                        \ud83d\udc49 Image<\/strong> = the actual <img><\/code><\/p>\n

                        So:<\/p>\n

                        Main Element:<\/strong><\/p>\n

                        \n
                        \n
                        \n
                        \n
                        \n
                        \n
                        \n
                        \n
                        \n
                        <\/div>\n<\/div>\n<\/div>\n
                        \n
                        \n
                        \n
                        \n
                        overflow<\/span>: <\/span>hidden<\/span>;<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
                        \n
                        <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

                        Image:<\/strong><\/p>\n

                        \n
                        \n
                        \n
                        \n
                        \n
                        \n
                        \n
                        \n
                        \n
                        <\/div>\n<\/div>\n<\/div>\n
                        \n
                        \n
                        \n
                        \n
                        transition<\/span>: <\/span>transform<\/span> 0.3<\/span>s<\/span> <\/span>ease<\/span>;<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
                        \n
                        <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

                        Then add (still in module, or page CSS):<\/p>\n

                        \n
                        \n
                        \n
                        \n
                        \n
                        \n
                        \n
                        \n
                        \n
                        <\/div>\n<\/div>\n<\/div>\n
                        \n
                        \n
                        \n
                        \n
                        .<\/span>et_pb_image<\/span>:<\/span>hover<\/span> <\/span>img<\/span> {<\/span>
                        transform: <\/span>scale<\/span>(<\/span>1.1<\/span>);<\/span>
                        }<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
                        \n
                        <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

                        \ud83d\udc49 Don\u2019t touch section\/row\/column.
                        \ud83d\udc49 Only the Image module you opened<\/strong>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

                        <\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n

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

                        Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.odule Design settings and even apply custom CSS to this text in the […]<\/p>\n","protected":false},"author":1,"featured_media":0,"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-310","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/gebrexiabher.net\/index.php\/wp-json\/wp\/v2\/pages\/310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gebrexiabher.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gebrexiabher.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gebrexiabher.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gebrexiabher.net\/index.php\/wp-json\/wp\/v2\/comments?post=310"}],"version-history":[{"count":23,"href":"https:\/\/gebrexiabher.net\/index.php\/wp-json\/wp\/v2\/pages\/310\/revisions"}],"predecessor-version":[{"id":343,"href":"https:\/\/gebrexiabher.net\/index.php\/wp-json\/wp\/v2\/pages\/310\/revisions\/343"}],"wp:attachment":[{"href":"https:\/\/gebrexiabher.net\/index.php\/wp-json\/wp\/v2\/media?parent=310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}