Wednesday, March 09, 2022
The Great Tit
Updated: 9. 3. 2022, Added: 9. 3. 2022

Repeater pagination position FIX for Oxygen Builder

If you use repeater in Oxygen Builder you may already know, that pagination component is on same position as columns.

Wrong position of pagination

So when you use the grid in repeater, you may encounter it at wrong position. How to fix it? Just add this to your CSS:

For CSS Grid:

.oxy-repeater-pages-wrap {
  grid-column: 1 / -1;
}

For flexbox:

.oxy-repeater-pages-wrap {
	width: 100%;
}

And after that, position in CSS Grid should be fixed:

Pagination as the last grid item

You can also use the css grid column span with the number of your columns, but it is not really responsive.

Did I help you? Support me on Patreon!
Beep this article to your friends!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram