Popup arrow size

The size of the popup arrow can be adjusted via custom CSS. Drag the slider below and copy/paste the resulting CSS into your project. Make sure you paste it after the jQuery Mobile structure/theme CSS.

This is a preview of what a popup with an arrow would look like.

It contains multiple paragraphs to increase its height.

Note that in a real popup only one arrow will be displayed at a time, and large arrows may not be displayed at all.

This is because the arrow placement code prevents arrow sides from "sticking out" of the popup.