Soliloquy Documentation

Documentation, Reference Materials, and Tutorials for Soliloquy

Vertically Center the Soliloquy Caption

NOTE: looking to automatically position the caption at the top, bottom, left or right of the slider instead? Learn how to reposition the caption position.

To vertically center a caption over your slides, add the following CSS to your active theme’s style.css file:

.soliloquy-container .soliloquy-caption { 
  top: 50%;

  /* Half of the height specified below, as a minus number
  * e.g. if your caption height = 80px, margin-top = -40px */
  margin-top: -20px; 	
}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside { 
  height: 40px;
}

Screen Shot 2015-02-02 at 13.44.51

[i]
[i]