WHERE TO FIND IT

In the Main Menu (the MOBLE logo, top left) scroll down and click Styles, then click EFFECTS in the top bar.

ADD AN EFFECT

• Click play under a card to watch the effect.
• Click + to add it to your website, or − to remove it.
• Press SAVE at the top right.

PRIMARY and SECONDARY are already on every website.

USE IT ON A WIDGET

Click ADD TO WIDGET under the card, or open your page in the editor, click the pencil on the widget and choose the effect in the Hover Effect dropdown. Only effects added on the Effects screen appear there. Save the page, refresh it and move the pointer over a card. See Widget Hover Effect.

KEEP IT TO TWO

Every added effect makes your pages a little heavier to load. MOBLE recommends no more than two added effects, used the same way across your website.

OTHER EFFECTS

Fade-in on scroll, parallax, shift, rotate and hover colours are set on a section in the page editor, in the frame's FX tab — see Reveal on Scroll, Parallax and On Hover.