Classes you can use in the grid template editor

Just getting started with the Template Editor? Check out the main documentation first!

When in "Edit HTML" mode in the Grid Template Editor you can directly edit and add any HTML you want. We've also provide some classes you can use to achieve some common

Aligning elements in the grid template

The wpupg-align-left, wpupg-align-center, wpupg-align-right classes can be used for aligning elements in the template editor. Add a surrounding div container with the alignment class you want like in this example, where the title and date will be centered:

Show specific elements on hover

The wpupg-hover class can be applied to an HTML element to have that element only show up on hover (when the visitors moves their mouse over the grid item).

This HTML code will only show an image by default and the title and date will show up on hover, for example:

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.