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

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

Thanks

3 Likes

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

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: