> 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-flip-box.md).

# Opal Flip Box

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

![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-LpBdJGhRUrc5B1koaqU%2F-LqsOuHmGd8SHTi4sqtl%2F-LqsoIAE5Bd_8uZ-Pt6C%2Fflip3.png?alt=media\&token=cf6fb214-8905-4802-a785-e13e1deb2b5f)

When drag to widget , Flip box will display with 3 options:

\+ With Front : When you set up config in front, it will display in front  of flip box

* Content tab : Please choose graphic or not  then enter title, sub title and description for flip box.

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-Lqy8FpXfortiXqp-NUk%2F-Lqy8m1YfrilS8uRhXp9%2Fflip1.png?alt=media\&token=10d44ee7-a459-4e76-8418-59f8aab48653)

* Background  tab : You can set up color or image background.

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-Lqy8FpXfortiXqp-NUk%2F-Lqy8xzBtjK4QrEBohxn%2Fflip4.png?alt=media\&token=3b9afe50-8761-4ddf-ac22-3f51b8b799e9)

+With Back: Set content or background in back of flip box :

* Content tab : Please choose graphic or not  then enter title, sub title and description for flip box.

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-Lqy8FpXfortiXqp-NUk%2F-Lqy93PLC_DTuZyLJz7j%2Fflip2.png?alt=media\&token=1ab0e521-eecb-4fb0-ad3d-8da9d9faccf6)

* Background  tab : You can set up color or image background.

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-Lqy8FpXfortiXqp-NUk%2F-Lqy96unZ404ENiVZ9VQ%2Fflip5.png?alt=media\&token=5a8529cb-8065-4fba-bd72-93c8ce1d19ed)

\+ With Setting : Set up height, border and effect of flip box

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-Lqy8FpXfortiXqp-NUk%2F-Lqy9BD1e-CC8AmPJ8lH%2Fflip3.png?alt=media\&token=bcdf4803-9431-49a4-8eaa-61152b5b4062)

Front-end look like :

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-Lqy8FpXfortiXqp-NUk%2F-Lqy9G3bIjnBegVsvtYj%2Fflip.png?alt=media\&token=09965b35-928a-4aa9-bcf9-7580e039a95c)