Slider Gallery Prev Next Arrows

This particular option can be found by logging into your site's admin area and going to:
"ProPhoto" > "Customize" > "Galleries" > "Slider Galleries"

If you haven’t already done so, you’ll want to check out our Slider Gallery overview.

ProPhoto Slider galleries are a great option for allowing users to easily scroll forward and backward through a number of different images.  One way to do this in a Slider gallery is to click on previous or next arrows that are displayed directly in the gallery.

ProPhoto gives you a number of different arrow styles that you can select from to be used in your Slider galleries.

Screen Shot 2014-01-04 at 2.59.22 PM

Simply click to choose which arrow style you would like to use.

Once you’ve selected the style of arrows, you have a number of different options for modifying how the arrows will appear on your Slider galleries.

Slider Gallery Prev Next Arrow Options - Revised

1) Prev/Next Arrows Size

Using the slider bar, you can easily set the prev/next arrows to any height you want.  The percentage value is of the slider gallery height, so a setting of 10% would mean the arrows would have a height equal to 10% of the overall Slider gallery height and 60% would mean the arrows would have a height of 50% of the overall gallery height.

On the left, the arrows are set to 5%, which is barely noticeable, and on the right, 60%, which is very noticeable.

On the left, the arrows are set to 5%, which is barely noticeable, and on the right, 50%, which is very noticeable.

Be aware that the arrows will always be centered vertically within the Slider gallery.

2)  Prev/Next Arrows Default Opacity

This option allows you to set the default opacity of the arrows, without hovering.  0% means that the arrows are totally transparent and 100% means that they would have no transparency and would be totally opaque.  Here is what the default setting of 50% looks like:

Screen Shot 2014-01-04 at 2.19.13 PM

3) Prev/Next Arrows Hovered Opacity

Similarly, you can set the opacity of the arrows when they are hovered over.

In this example, the hover opacity setting is 100%, which you can see via the right arrow that is being hovered over.

In this example, the hover opacity setting is 100%, which you can see via the right arrow that is being hovered over.

4) Prev/Next Arrows Default Color

Here, you can choose the default color for your prev/next arrows on your Slider galleries (non-hover).  Simply use the color picker to make your selection, like this:

Screen Shot 2014-01-04 at 3.25.02 PM

And this is the result:

Screen Shot 2014-01-04 at 3.25.59 PM

5) Prev/Next Arrows Hovered Color

If you want, you can set a hovered color for your prev/next arrows.  Simply click the ‘set color’ box and select your color.

Screen Shot 2014-01-04 at 3.40.59 PM

You can see the color of the hovered arrow on the right side.

You can see the color of the hovered arrow on the right side.


If you’ve searched the tutorials and can't find what you need, please contact us. We’re here to help. Contact Us