> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/taysta/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/taysta/setting/elementor/opal-image-layers.md).

# Opal Image Layers

Set up display Image Layers for site

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

![](https://2163667273-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lvri3_wU8l9uZkGPQ1c%2F-LvynNBSYyGwGnFhjNpe%2F-Lvynh93CFrTIKGYkYKR%2Fimage.png?alt=media\&token=5f7adb3c-5b47-42c4-948d-6d4294dff944)

Drag this elementor to widget, it will display form config image Layers :‌

![](https://2163667273-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lvri3_wU8l9uZkGPQ1c%2F-LvynNBSYyGwGnFhjNpe%2F-Lvynx1jLYc93GoHFCIC%2FScreenshot_120.png?alt=media\&token=ad4c4f65-00a5-4893-ae19-7867c12ba9ba)

Click button "**ADD ITEM"** to add field, then select content, upload image, size,...

![](https://2163667273-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lvri3_wU8l9uZkGPQ1c%2F-LvynNBSYyGwGnFhjNpe%2F-Lvynpkz4ce7irv2Lnnr%2FScreenshot_121.png?alt=media\&token=5de04899-d781-4b67-8357-3657bf098c23)

**Front-end display:**

![](https://2163667273-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lvri3_wU8l9uZkGPQ1c%2F-LvynNBSYyGwGnFhjNpe%2F-Lvyo3C14BYvYh5hyrR3%2FScreenshot_122.png?alt=media\&token=0a186478-00ba-46bf-aa7d-d397a0fd841f)