Bevel effect adds highlights and shadows to the element, bringing it to the 3D dimension.

For applying bevel effect to the element, follow these steps:

1. Select the element and expand the Effects https://cdn.elev.io/file/uploads/Nx6j1ilgYkjKwwUzxKv9Jx2yWyIGUZG4VbEE9W71H30/HxVmmzn8a-T3pn2OvbPv6wpYdLk2p3B6A9wpbksV-QM/effects-I_I.png tool from the right toolbar.

2. Click the Add Effect button and choose the Bevel effect from the left.

https://cdn.elev.io/file/uploads/Nx6j1ilgYkjKwwUzxKv9Jx2yWyIGUZG4VbEE9W71H30/2qL499NHZbdBrP9dccIL9cRI6OhCJpExZJuYGC9q5y0/bevel%201.fw-6Y0.png

3. Choose the highlight and shadow colors and adjust the parameters to get the look you want.

4. You can uncheck the Display checkbox to hide the effect.

https://cdn.elev.io/file/uploads/Nx6j1ilgYkjKwwUzxKv9Jx2yWyIGUZG4VbEE9W71H30/OsdwMgDfeWRkvvRBMwo10UJCXdnRs6sKd7Cp6p4oHWg/bevel effect 2.fw-t4Q.png

5. For removing the effect, click the Delete https://cdn.elev.io/file/uploads/Nx6j1ilgYkjKwwUzxKv9Jx2yWyIGUZG4VbEE9W71H30/0kZ3ugu1c9SiVStJ1EqZA2XNcYAskt7scywywtPolDA/delete-2-Nhc.png button.

6. Save the page when you're done.