> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/aroland/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wpdocs.gitbook.io/aroland/setting/untitled-2/opal-image-hotposts.md).

# Opal Image Hotposts

When creating a page with Elementor, please search elementor with name  **"Opal Image Hotposts"** widget.

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-Lqy8FpXfortiXqp-NUk%2F-Lqyb3SC2LleXHnkXKt9%2Fhot5.png?alt=media\&token=912b9e24-35c2-4b98-b05b-cee6cfd0983b)

When drag to widget , Opal Image Hotposts will display with 5 options:

\+ With Layout :  Enable option show information , show all tolltip if you want

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-Lqy8FpXfortiXqp-NUk%2F-LqybA9O8ZIVvYnOcQ6k%2Fhot.png?alt=media\&token=3a978e2b-3c8c-4133-bb39-33c02b212e90)

\+ With image : Choose image to use in element and set up size.

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-Lqy8FpXfortiXqp-NUk%2F-LqybVVh8hkBh_jd0zjr%2Fhot1.png?alt=media\&token=eccf0b4e-b3b6-4f5e-a235-f30386a85824)

\+ Hotposts: Click **Add Item** and you will see all config look like image :

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-Lqy8FpXfortiXqp-NUk%2F-Lqybbk_YYtDxuO2Tffc%2Fhot2.png?alt=media\&token=5f2b0c14-d02f-4ca2-b05f-907c1a3995a4)

\+ Tooltips :

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-Lqy8FpXfortiXqp-NUk%2F-LqybpYUI3KoieFVWbT0%2Fhot3.png?alt=media\&token=6c21e4d2-981a-4517-9730-0bc1359f1e9b)

\+ Button : enter name of button and link 

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-Lqy8FpXfortiXqp-NUk%2F-LqybvB7ZVpxxN1EmzRv%2Fhot4.png?alt=media\&token=e41f42ff-2b3c-4444-9b99-5503d8ced910)

Front-end look like :

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-Lqy8FpXfortiXqp-NUk%2F-Lqyc5i4VXAMqIuz0rX-%2Fhot6.png?alt=media\&token=b5b4a2b6-9f47-4427-8679-1a29f64e88f2)