How to change the design of slideshow arrows for all producst gallery within store?

Hello,

I would like to ask you for help to understand and solve the problem with changing of the design of the arrows which are used to slideshow the images within product gallery in store.

• I would like to be able to make the background transparent, arrow icons more bold (2px) andmaybe make them react (pop up) once I would click on them.

• Also is it possible to change the design of price for product (color, bold)?

Thank you so much for your help! 🙂 

Website URL: https://www.slovakspots.com/shop/p/gas-station-i
Password: Ulicajekrasnydom
 

You can use this code to Website Tools > Custom CSS

.pdp-carousel-controls .chevron-prev, .pdp-carousel-controls .chevron-next {
    background-color: transparent !important;
}
.pdp-carousel-controls span {
    opacity: 1 !important;
    width: 2rem !important;
    height: 2rem !important;
}
div.pdp-details-price .product-price {
    font-weight: bold;
    color: #f1f;
}