How to change color of the arrow for Gallery Reel view 7.1?

Hi,

Im trying to change the color of the arrow on the gallery reel full screen view and get rid of the white semitransparent square. Any thoughts! Thanks!!

www.gypset.com

password: gypset2020

Add to Home > Design > Custom CSS

button.gallery-reel-control-btn {
    opacity: 1 !important;
    color: blue !important;
}
.gallery-reel-control-btn::before {
    background: transparent;
}

hey Tuanphan! could you help me with that code? I have tried it in my website but it doesn't work 

https://www.azulstudio.co.uk/

thanks!

M

11 hours ago, MarianaGR said:

hey Tuanphan! could you help me with that code? I have tried it in my website but it doesn't work 

https://www.azulstudio.co.uk/

thanks!

M

Arrows on Work section?

yes! i changed the arrow's background colour to match the general background colour. but when passing over the images after clicking the arrow, you can see there is a background, and it's not transparent

On 9/21/2022 at 3:40 PM, MarianaGR said:

yes! i changed the arrow's background colour to match the general background colour. but when passing over the images after clicking the arrow, you can see there is a background, and it's not transparent

Add to Design > Custom CSS

.user-items-list-carousel__arrow-icon-background.user-items-list-carousel__arrow-icon-background-area {
    background-color: transparent !important;
}

it worked! thank you Tuanphan!!