Personnaliser l'affichage de la pagination des repeater d'Oxygen Builder

Pourquoi modifier la pagination .?

La pagination des repeater n'est pas intuitive, elle est incluse dans la dernière 'div' du repeater et prend donc la largeur de vos cards. Quelques lignes CSS permettent de passer de ça :

A cela :

Personnaliser la pagination avec FlexBox

.oxy-repeater-pages-wrap{
  width:100%;
  justify-content:center;
}
.oxy-repeater-pages-wrap .prev, .oxy-repeater-pages-wrap .next{
  font-size:14px !important;
}
.oxy-repeater-pages .page-numbers:not(.next,.prev) {
  font-size:22px;
  padding:2px 10px;
  border-radius:25px;
  margin:5px;
}
.oxy-repeater-pages .page-numbers.next {
  font-size:16px;
  margin-left:10px;
}
.oxy-repeater-pages a {
  align-self: center;
}

Personnaliser la pagination avec Grid

.oxy-repeater-pages-wrap{
  width:100%;
  grid-column: span 2;//à modifier selon le besoin
  text-align: center;
  justify-content: center;
}
.oxy-repeater-pages-wrap .prev, .oxy-repeater-pages-wrap .next{
  font-size:14px !important;
}
.oxy-repeater-pages .page-numbers:not(.next,.prev) {
  font-size:22px;
  padding:2px 10px;
  border-radius:25px;
  margin:5px;
  border: 1px solid;
  color:color(1);
}
.oxy-repeater-pages .current{
  border:1px solid color(2);
}
.oxy-repeater-pages .page-numbers.next {
  font-size:16px;
  margin-left:10px;
}
.oxy-repeater-pages a {
  align-self: center;
}

A noter : La personnalisation des couleurs peut être effectuée avec les couleurs dynamiques ex : color:color(1);