Pagination Alpha


A pagination element featuring box-style page numbers.

Pagination Alpha
Available for:
Buy Frames
Back to library


This pagination element can be dropped below any query loop that you intend to use pagination on. It uses Bricks’ native pagination element and features a box-style number design.

Query Loop Compatible


This frame uses the following locally scoped variables to make it easier for you to edit the style or behavior of this frame. Variables can be viewed or edited from the CSS tab.

Set the height and width of the number box.


Set the border radius of the number box.

HTML5 Tags & Attributes

No related HTML5 elements.

Accessibility Notes

No additional accessibility notes for this frame.

Related Frames


How do I turn the squares into circles?

Click on Pagination Alpha (.fr-pagination-alpha) and navigate to the CSS tab. Replace the value of the –border-radius variable with “50%”.

Use the related frames section above to check FAQs for other frames related to this frame if you don't see your question here.