Changing Chevron Size on the images for Products age when in Half format

Hi

Hoping someone can assist. I have searched the forum but can't seem to find some css to change the size and colour of the chevron left and right on each Product details page. This is when the format of the Product page is "Half"

The size is quite large and obscuring. 

Greatly appreciated

Thanks Albert

15 hours ago, albertbooy said:

Hi

Hoping someone can assist. I have searched the forum but can't seem to find some css to change the size and colour of the chevron left and right on each Product details page. This is when the format of the Product page is "Half"

The size is quite large and obscuring. 

Greatly appreciated

Thanks Albert

Can you share your URL so we can check it?

Hi thanks for responding the link to the page: Transcend Safaris - Products Page

11 hours ago, albertbooy said:

Hi thanks for responding the link to the page: Transcend Safaris - Products Page

You can try the following custom css

.pdp-carousel-controls [data-product-gallery].chevron-prev, .pdp-carousel-controls [data-product-gallery].chevron-next {
  background: #ccc;
  color: red;
}

Change the color as you wish