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:

  1. Select a box/element 
  2. On the ‘box’ tab of the top bar, check the option ‘hover’ on the far right of the top bar.
  3. Style the element for hover mode. When you finished, uncheck the box ‘hover’ to return to default state, or click anywhere on the page.
  4. 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.

Did this answer your question?