> 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.

![](/files/-Lqy8m1YfrilS8uRhXp9)

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

![](/files/-Lqy8xzBtjK4QrEBohxn)

+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.

![](/files/-Lqy93PLC_DTuZyLJz7j)

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

![](/files/-Lqy96unZ404ENiVZ9VQ)

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

![](/files/-Lqy9BD1e-CC8AmPJ8lH)

Front-end look like :

![](/files/-Lqy9G3bIjnBegVsvtYj)