CSS code needed for making shop gallery icons bold

Hi, could someone please provide some CSS code for making the shop gallery icons bold? Many thanks, Jane. https://www.tordoff.com/shop/p/wall-street-polish-poster https://tordoff.com 

On 2/21/2023 at 8:35 PM, janehinchliffe said:

Hi, could someone please provide some CSS code for making the shop gallery icons bold? Many thanks, Jane. https://www.tordoff.com/shop/p/wall-street-polish-poster https://tordoff.com 

Which icon are you referring? Can you show it more clearly?

On 2/22/2023 at 2:55 PM, Beyondspace said:

Which icon are you referring? Can you show it more clearly?

Yes, here are some screenshots that help to show this. It's for the red product arrows. 

The client sells movie posters and with that in mind, some posters are dark, others lighter - the arrows need to be able to show as clearly as possible whether light or dark backgrounds. 

Thanks, Jane

How about adding both background + change arrow color? Add to Design > Custom CSS

button.product-item-gallery-carousel-control {
    background-color: red !important;
}
button.product-item-gallery-carousel-control:after {
    color: white !important;
    border-color: white !important;
}