Skip to content

Instantly share code, notes, and snippets.

@allenbell
Created February 10, 2016 20:15
Show Gist options
  • Save allenbell/ea3096c78347be89045c to your computer and use it in GitHub Desktop.
Save allenbell/ea3096c78347be89045c to your computer and use it in GitHub Desktop.
Ajax pagination for posts linked via ACF Relationships - CSS
.bike-features {
margin-bottom: 15px;
}
#bike-features-container {
min-height: 400px;
}
#bike-features-inner, #bike-options-inner {
visibility: hidden;
}
#bike-features-inner > *,
#bike-options-inner > * {
visibility: visible;
}
#bike-features-inner #pagination {
text-align: center;
}
.page-numbers:not(.prev):not(.next) {
width: 17px;
height: 17px;
display: inline-block;
margin: 0 10px;
}
.page-numbers:not(.prev):not(.next):hover,
.page-numbers.current:not(.prev):not(.next) {
background-color: #2c2f34;
color: transparent;
}
.page-numbers.next, .page-numbers.prev {
font-size: 46px;
position: relative;
top: 10px;
}
.page-numbers.next:hover,
.page-numbers.prev:hover,
.page-numbers.next:focus,
.page-numbers.prev:focus {
color: #ebebeb;
}
.page-numbers.next {
left: 50px;
}
.page-numbers.prev {
right: 50px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment