Soliloquy Documentation

Documentation, Reference Materials, and Tutorials for Soliloquy

Display Caption Below Slider

By default the Soliloquy caption will overlay your slider. You can easily use CSS to display the caption below the slider.

All Devices

To move the caption below the slider on all devices add the following CSS to your active theme’s style.css file:

.soliloquy-container { 
  max-height: none !important; 
}
.soliloquy-viewport { 
  height: auto !important; 
}
.soliloquy-container .soliloquy-caption { 
  position: relative !important; 
}

Mobile Only

To move the caption below the slider only on mobile views add the following CSS to your active theme’s style.css file instead:

@media screen and (max-width: 600px) {
  .soliloquy-container { 
    max-height: none !important; 
  }
  .soliloquy-viewport { 
    height: auto !important; 
  }
  .soliloquy-container .soliloquy-caption { 
    position: relative !important; 
  }
}
[i]
[i]