• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 21.10.21, 18:25
  • Opened by: Sylvain Duval
  • Closed by: Anonymous Submitter
  • Closed on:
  • Reason: Not a bug

Ticket #22481 - Margin under product image

Hello,

On my website product page, it seems that there is a very small margin under my product image and it is not elegant at all when I activate the shadow.
You can see it easily on this page : https://lacaraque.fr/boites-de-chocolats/1-1-boite-de-chocolats-50g.html#/1-type_de_chocolats-noirs

How can I set this margin to 0 ? I try to find it in creative elements, but there is no margin.

Thanks

Comments

Fred 22 Oct 2021, 10:35

Try this CSS:

#main .page-content {margin-bottom:0}
.elementor-element-vhgjzit .elementor-column-wrap {padding:0}
Sylvain Duval 22 Oct 2021, 11:00

it didn’t work. But it’s like my custom CSS is not taking into account

Fred 22 Oct 2021, 11:01

try this

#main .page-content {margin-bottom:0 !important}
.elementor-element-vhgjzit .elementor-column-wrap {padding:0 !important}
Sylvain Duval 22 Oct 2021, 12:45

I did it, it’s not working (as I said in another tickets)

Fred 23 Oct 2021, 11:34

As I wrote you in another ticket, there is some cache, maybe Cloudflare or something similar

Sylvain Duval 26 Oct 2021, 12:02

My cache issue is solved but the margin under product picture is still displaying.

Could you have a look please ?

Fred 26 Oct 2021, 13:53

I really don’t see any margin there - https://take.ms/ghVjX

Sylvain Duval 26 Oct 2021, 16:08

see my screenshot

Attachments:

Capture d’écran 2021-10-26 à ... (1.37 MiB)
Fred 26 Oct 2021, 16:23

try this

.prod-image-zoom img {display:block}