How to Always Display Navigation Arrows

Follow

How to Always Display Navigation Arrows

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.

CSS

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

1
2
3
.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:

1
2
3
4
5
6
7
8
.soliloquy-container .soliloquy-prev {
  left right: 0 !important;
  opacity: 1 !important;
}
.soliloquy-container .soliloquy-next {
  right: 0 !important;
  opacity: 1 !important;
}
Have more questions? Submit a request