Hoe to Style Envira Gallery Pagination

You need Envira Gallery Pro and Envira Gallery Pagination addon to active Pagination in Envira Gallery.

Paste this code in your Theme Custom CSS section or If you have Envira CSS addon then Misc >> Custom Gallery CSS section.

/* Center align pagination and top border */
.envira-gallery-wrap .envira-pagination {
    text-align: center;
    padding-top: 20px;
    border-top: 2px solid #fd842a;
}
/* Active page number */
.envira-gallery-wrap .envira-pagination span.page-numbers.current {
    display: inline-block;
    background: #fd842a;
    color: #fff;
    padding: 7px;
    font-weight: bold;
}
/* Inactive page numbers */
.envira-gallery-wrap .envira-pagination a.page-numbers {
    display: inline-block;
    padding: 7px;
    font-weight: bold;
}

Leave a Comment

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

Scroll to Top