hanykamal

Thanks so much. It works really well!

Thank you, but I want to remove only the word “Archives: Category:” and at the same time I keep the product category name.

for example remove word archives: and keep Prodcusts. link the attached image.

https://ibb.co/9V2SdRT

Please

If there is any CSS code, get something that looks smaller than the image I attached will be great. At least center the dots and reducing the spacing between the dots.
Please

Thanks so much, sir, but it doesn’t work the way it should be, I want it to look like the image below.

https://ibb.co/BC0sTcD

here is the link to the relevant page
https://vigitron.tech/product/vi3405/

please help
Thanks

Here we go,
https://vigitron.tech/product/vi3405/

I tried this CSS but it didn’t work for my WooCommerce product page, Could you please help me to change thumbnails to dots.

BTW the code below works for spacing the sizing of thumbnails. but not for changing them to dots.

.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
  width: 20% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}