Can't add a border to image product on single product page

[librairiesel]

Hi,

I’d like to add a border to the area in which the product image is displayed, but I don’t understand why the border-left is not displayed. I tried many solutions but none of them managed the issue.

Can you give me the CSS code which resolve this ?

Thanks

[laranz – SUPPORT]

Hi,

Add this,

.woocommerce div.product div.images { border-left: 2px solid #000; }

in the Custom CSS in the Theme Options.

Let us know,

Thanks,
laranz.

[librairiesel]

Hi,

Sorry, I was wrong. I wanted to add a border-right (not a border-left).
And the class you gave me doesn’t affect the picture frame but the container div – which is taller – so the border goes bellow the image.

Here’s what I used for the border of the image (but the border-right seems to be hidden by the container div) :

.woocommerce ul.products li.product figure, #product-img-slider {
	-webkit-box-shadow: 0 8px 6px -7px #ddd;
	-moz-box-shadow: 0 8px 6px -7px #ddd;
	box-shadow: 0 8px 6px -7px #ddd;
	border:1px solid #f6f6f6;
}

[laranz – SUPPORT]

Hi,

Try this Custom CSS.

.flexslider .slides li img { border-right: 2px solid #ff0000; }

Let us know,

Thanks,
laranz.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-
.woocommerce div.product div.images { border: 1px solid #000 !important;padding-bottom:0px !important}
Thanks 🙂
With Best Regards
Mohammad

[librairiesel]

Hi,

Didn’t work…

[Mohammad – SUPPORT]

Hi,
It should work. Please insert this code at Admin -> Theme Options -> General Options -> Custom CSS. Am i not getting this issue correctly? I need marked screenshot to get your issue better.
Thanks 🙂
With Best Regards
Mohammad

[Kyle – SUPPORT]

Remove all other attempts and try this:

.product div.images #product-img-slider {
  border: 2px solid #111;
  width: 98%;
}

– Kyle

[librairiesel]

Hi,

Still not fixed.
I’ve made a screenshot :

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

I just checked your css and I don’t see it?

– Kyle

[librairiesel]

Sorry, I was answering to Mohammad.
I tried the last thing :

.product div.images #product-img-slider {
  border: 2px solid #111;
  width: 98%;
}

..and it worked ! Thanks !

[Kyle – SUPPORT]

No problem 🙂

– Kyle