Hover is the effects applied to an element when a user rolls the curser over it.
It is often used for button or links to make them look ‘clickable’.
To style an element in hover mode on STUDIO:
- Select a box/element
- On the ‘box’ tab of the top bar, check the option ‘hover’ on the far right of the top bar.
- Style the element for hover mode. When you finished, uncheck the box ‘hover’ to return to default state, or click anywhere on the page.
- To check how the hover effect would actually look, launch a live preview. Click on the grey button ‘live preview’ on the top right of the editor.