Return to previous page

Product Gallery Image arrows – different colour/darker?

This topic has 7 replies, 3 voices, and was last updated 10 years ago ago by Eva Kemp

lcribb

Participant

November 13, 2014 at 21:16

Hi there

The left and right arrows in the single product page image gallery are very difficult to see (white on a white background). Is there a way to use darker arrows? Incidentally the same on the home page for the “new” “featured” image galleries.

Thanks!

Lev

Please, contact administrator
for this information.

#24552 Copied

6 Answers
Eva Kemp

Support staff

November 14, 2014 at 14:58
Hello,

You can change color of the arrows with this code in custom.css file:
```
.slider-container .slider-next:before, .slider-container .slider-prev:before, .single-product-page .flex-direction-nav .flex-next:before, .single-product-page .flex-direction-nav .flex-prev:before {
    color: #A2A2A2 !important;
}
```
Change color value to yours.

Regards,
Eva Kemp.
#24664 Copied
lcribb

Participant

November 21, 2014 at 11:12

Thank you Eva – is it also possible to change the colour of the square background behind the arrows? Is that a graphic somewhere?

Thanks!

Lev

#25900 Copied

lcribb

Participant

November 21, 2014 at 11:15

Oh and one more thing (Sorry I should have checked all in one go) – the arrows and tehir graphical backgrounds only change colour upon “mouse-over” is there a way to permanently change colour so that they stand out more from the beginning?

Thanks!

#25903 Copied
Robert Hall

Support staff

November 21, 2014 at 11:16
Hello,

You can do it with following code.
```
.single-product-page .flex-direction-nav a{
background: red;
}
```
Regards,
Robert Hall.
#25904 Copied
lcribb

Participant

November 21, 2014 at 12:34

Thank you Robert! Worked a treat.

#25918 Copied

Eva Kemp

Support staff

November 21, 2014 at 12:55

Hello,

You’re welcome.

Regards,
Eva Kemp.

#25920 Copied
Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘Product Gallery Image arrows – different colour/darker?’' has been successfully resolved, and the topic is now closed for further responses

Product Gallery Image arrows – different colour/darker?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection