Product images border is not showing correctly

Hi, did you add this border by custom css or through some editor?
You would need to put the border on a parent element of the images

Hi Benni,

I added it via a custom css plugin.

Does that help?

Hi,
yeah the css rule looks something like this now:

.woocommerce-product-gallery__image {
  border: solid #0000ff !important;
  border-bottom-width: 2px;
}

you need to change it to this:

.woocommerce-product-gallery--with-images .flex-viewport{
  border: solid #0000ff !important;
  border-bottom-width: 2px;
}

Hi, thanks, it seemed to work , but not on all the products. i thought it should for all, as its the single product page i presume.

https://goodiesgadgets.co.za/unicorn-rubix-combo/ has only a border at the bottom, and the https://goodiesgadgets.co.za/peppa-and-george-pig-plush-teddies/ has all, except bottom seems thicker.

Sorry, its confusing me badly now..lol

If the product has only 1 image, it shows only bottom border, but if more, it shows a border?