# Opal Vertical Scroll

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

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-Lqy8FpXfortiXqp-NUk%2F-Lqyio12wm-UhEkQdFjL%2Fvertical4.png?alt=media\&token=dfb49445-aafc-4daa-8d15-a5c6e2459b78)

When drag to widget , **Content Vertical** will display and please choose template for this tab content

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-Lqy8FpXfortiXqp-NUk%2F-LqyigDXYsizZW5nACMl%2Fvertical.png?alt=media\&token=70956ddc-7cc3-4b14-9145-70f03792a446)

\+ With Navigation : Display all configs for button navigate

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-Lqy8FpXfortiXqp-NUk%2F-Lqyi_47qqSQrNZX0Ugw%2Fvertical2.png?alt=media\&token=19cb071d-b3d3-4ccb-b3d2-132880ae7978)

\+ Scroll Settings : Set up speed for button scroll

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-Lqy8FpXfortiXqp-NUk%2F-LqyiWU3rjuIXUqmYBYS%2Fvertical3.png?alt=media\&token=bad268cf-b071-42c5-949e-f7f226216e12)

Front-end look like :

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-Lqy8FpXfortiXqp-NUk%2F-LqyjGy3LkqoK9uRp3WO%2Fvertical1.png?alt=media\&token=0e6af29f-5f41-4f66-a094-6a7f209e049d)