Can't change color of navigation in product thumb gallery

[Stahoo]

Hello everyone,

 

I have a problem with changing the color and size of navigation arrows in product thmbnails gallery. If there are many pictures of product than for scrolling thumbnails user must use navigation arrows. There are almost invisible and pretty small.

 

If it was a simple CSS problem i will do it by myself but it's (from what I think) someware in JS and I'm not good at it.

 

Link to the product site with many pictures:

 

https://1001mebli.pl/zestawy-stolowe/51-florencja-zestaw-stolowy-meble-ogrodowe-z-technorattanu-stol-plus-6-foteli-zestaw-nr49.html

 

Many tahnks

 

Cheers

[Knowband Plugins]

You can not change its color because it is image, but to make it more visible you can do something like as mentioned below:

 

Try adding below custom css in product.css of your theme. This will add background to navigation arrows and will make them more visible. If this solutions suits you, try changing color as per your preference.

 

a#view_scroll_right {

 background: #646263 !important;

 border-radius: 50px !important;

 width: 30px !important;

 height: 30px !important;

 padding: 5px 0px !important;

}

 

span.view_scroll_spacer{

    background: #6C6B69 !important;

    border-radius: 50px !important;

    width: 30px !important;

    height: 30px !important;

    padding: 5px 0px !important;

}

 

Hope it helps !