Photo Hanger widget can display image or photograph, that is holding or positioning with a certain point called photo hanger. You can build easily this widget using EnterAddons.
Using Photo Hanger Widget :
You can see the below video to get an insight into how you can use the Photo Hanger Widget, Or you can follow the documentation whichever you find convenient
Firstly, select the Photo Hanger Widget from the menu bar on the left-hand side of your screen and drag and drop it in the selected area.
Step1
Secondly, from ‘Content’ Section you will get Photo Frame Content section.
After that, from Photo Frame Content section, you can also add title and image respectively also.
Step2
From ‘Style’ section you can stylize the widget. You will get the Wrapper Style, Photo Frame Style, Title Style, Hanger Pin Style and Hanger Hook Style section respectively.
After that, from Wrapper Style section you can add alignment, margin, padding, border-type, border-radius, box-shadow and background-type respectively, and that is given below.
After that, from Photo Frame Style section you can add animation-play-state, image-hover-cursor, Image rotate, rotate-speed, width, height, margin, padding, border-radius, box-shadow and background-type respectively.
Moreover, from this section you can select “animation-play-state” in “pause” option with mouse hover.
Then, from Title Style section you can add typography, color, alignment, margin, padding, respectively, and that is given below.
After that, from Hanger Pin Style section in ‘SETTINGS’ option you can add icon-container-width, icon-container-height, margin, padding, border-type, border-radius, box-shadow and background-type respectively, and that is given below.
Moreover, from this section in ‘POSITION’ option you can also set hanger-pin-style position, and that is given below.
Then, from Hanger Hook Style section you can add top, left, rotate(deg), width, height and color respectively, and that is given below.
Step3
Finally, after finishing all the editing, click update, click on ‘Preview > Preview in new tab’ to see your work live.
That’s it.