Soliloquy Documentation

Documentation, Reference Materials, and Tutorials for Soliloquy

Show Slider Navigation Arrows on Hover

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

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

.soliloquy-container .soliloquy-prev, 
.soliloquy-container .soliloquy-next { 
  display: none !important; 
}
.soliloquy-container:hover .soliloquy-prev, 
.soliloquy-container:hover .soliloquy-next { 
  display: block !important; 
}
[i]
[i]