Skip to main content
OCLC Support

Relocate compound object paginator

  1. Last updated
  2. Save as PDF

 Link:  See a live example.

 View:  View source code in CONTENTdm (classic version) Cookbook Demo Site.

Customization courtesy of the Universitat de Barcelona

CONTENTdm (classic version) 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 its CONTENTdm (classic version) 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 (classic version) site or only at the collection level.

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