How to Use Image Magnifier Widget

element pack

How to Use Image Magnifier Widget

Magnifier is a thing that makes something appear larger than it is. By this context, our Image Magnifier Widget will let you magnify an image than it is.

I’ll include section wise instructions along pictures to help you get started.

Let’s go.

Insert Widget

Inserting widget, it is just a matter of drag and dropping. As you see in the screenshot above.

Content Tab

Using the content tab, you’ll be able to make a layout of a particular part of a website[option be added]. And in this regard, some handy sections in the tab will assist you a lot.


In this section, you’ll find two image setting modes such as THUMB IMAGE and MAGNIFY IMAGE.

So, firstly, go to Layout > THUMB IMAGE > Thumb Image > set your Image.

Secondly, go to Layout > MAGNIFY IMAGE > Magnify Image > set your Image(to be magnified)

Thirdly, go to Type > Choose any one (Follow, Inner, Standard).

In addition, you can on/off the Smooth Move and Preload switcher button. If you need to, you can set custom size the image

Style Tab

Now, let’s work with Style Tab. The tab will confidently have you style the web content (text, image, video, etc.) of the page you require to design. 

Styling with the Style tab in Elementor will always give you a fantastic experience.

Let’s have a look.


Go the Style tab > Image. This section will let go to style the image to be magnified.

Video Assist

In conclusion, I hope you’ve understood how easy to magnify an image using our Image Magnifier Widget by Element Pack. You can watch a video on it and also go to our demo page

About Selim Rana

Selim Rana is the Founder of BdThemes - the company behind Element Pack Pro! He is a Software Engineer passionate about WordPress and Elementor.

Copyright © 2022 BdThemes. All Rights Reserved.