Skip to main content
OCLC Support

Relocate compound object paginator

 Link See a live example.

 ViewView source code in CONTENTdm Cookbook Demo Site.

Customization courtesy of the Universitat de Barcelona

CONTENTdm places a next/previous paginator below the image or PDF preview on the compound object viewer page. This location will mean extra scrolling up and down depending on the screen size and the size of the preview image.

The University of Barcelona addressed this problem on their CONTENTdm site by creating custom CSS to relocate the paginator. A simple CSS rule moves the next/previous and page indicator from below the preview image to above it. This CSS rule could be applied globally to an entire CONTENTdm site or only at the collection level.

/* fix to move cpd obj paginator above preview image */
.CompoundItemPagination-container {
  position: absolute;
  top: -60px;
  left: 30%;