JamIsJam88

I would like to change the Gallery Reel slideshow arrows across the entire website for 7.1. This can be either to a specific image or something similar to the image attached.
Also, would it be possible to make them fade in and out? If not, no problem as long as I can change them.
I've tried the code from three other posts in this forum from last year but none of those have worked.

If you use Personal Plan, try this @Aishwarya
1. Add a Code Block (to show arrows)
<div class="bottom">   <a class="scroll-indicator" href="#tscroll"></a> </div> <style> .bottom { position: absolute; bottom: 0; width: 100%; left: 50%; transform: translateX(-50%); text-align: center; } .scroll-indicator { display: inline-block; width: 24px; height: 24px; margin: 16px auto; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; border-bottom-right-radius: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: fade; animation-name: fade; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes fade { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 1; } 75% { -webkit-transform: rotate(45deg) translateY(-6px) translateX(-6px); transform: rotate(45deg) translateY(-6px) translateX(-6px); opacity: 0; } 100% { opacity: 0; } } @keyframes fade { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 1; } 75% { -webkit-transform: rotate(45deg) translateY(-6px) translateX(-6px); transform: rotate(45deg) translateY(-6px) translateX(-6px); opacity: 0; } 100% { opacity: 0; } } </style> 2. In the position where you want the arrow to scroll down, add a Code Block > Paste this code
<span id="tscroll"></span>