Light Modal Block

Clicking the button below will open a modal

Open Modal

How to use

Button, image, heading and group blocks have an additional control under the Advanced block settings panel, that allows you to easily trigger a modal to appear upon click.

You can also use CSS selectors to trigger a modal. For example, I gave this paragraph a class of test, and using the CSS selector .test a, clicking a link within this paragraph will trigger the modal. You can test this by clicking this link.

Open Another Modal
And Another

Use inside a Query Loop

  • Nunc lobortis risus libero

  • Phasellus rhoncus eget metus at mattis

  • Quisque a nulla ac nulla dignissim consequat