Soliloquy Documentation

Documentation, Reference Materials, and Tutorials for Soliloquy

How to Always Display Navigation Arrows

Note: This document is relevant only if you have a Multi, Developer or Master license and you’re using the Themes Addon.

By default, some slider themes hide the navigation arrows and only show them on hover. If you wish to force the navigation arrows to always appear you can use CSS following this guide.


Add the following CSS to your active theme’s style.css file:

.soliloquy-container .soliloquy-controls-direction { 
  display: block !important; 

Metro Theme (optional)

If you are using the Metro theme, you need to add this in addition to the code above:

.soliloquy-container .soliloquy-prev { 
  left right: 0 !important; 
  opacity: 1 !important; 
.soliloquy-container .soliloquy-next { 
  right: 0 !important; 
  opacity: 1 !important;