Change color and background color of arrows

CSS Codes Photo Gallery
1

Add this code to the Custom CSS field on the Style tab of your Photo Gallery widget’s settings:

.global-styles,
:root {
  --arrow-background: #fff;
  --arrow-color: #000;
}

[class*="ArrowControl__ArrowControlContainer-sc"] {
  background-color: var(--arrow-background) !important;
}

[class*="ArrowControl__ArrowControlIcon-sc"] svg path {
  fill: var(--arrow-color)
}

Guys, if this code was helpful to you, please drop a line in the comments. Your feedback helps us improve our services and provide better solutions :slightly_smiling_face: