How to change color and size of navigation arrows in Vimeo Gallery

Ask the Community Customization
1

How do I change the colour and size of the navigation arrows in the Vimeo Gallery widget? They are very small.

Thanks

3 Likes
2

Hi @Rob_Johns
Add this code to the Custom CSS field on the Style tab of your Vimeo Gallery widget’s settings:

[class*="Arrow__ArrowContainer-sc"]{
  transform: scale(1.5);
  top: 0;
  background-color: red;
}
[class*="Arrow__ArrowContainer-sc"]:hover{
  background-color: green;
}

With the scale value you can adjust the desired size.
Please let me know how it goes. :blush:

2 Likes
4

Hey there, @Rob_Johns and welcome aboard :wave:

Yep, this code should work great for you! Please try it out and let us know if you like the result :wink:

5

is there any way to have the arrows over the video but still slightly to left and right? Currently, they are off the video and on the side as opposed to hovering atop the video which i am hoping to achieve.

2 Likes
6

Hi @Thomas_Harris welcome to community :clap:

Add the above code for margins to achieve it

  margin: 30px !important;
  margin-top: 0 !important;
2 Likes