Product page pictures space and outline / Dawn Theme

[contactdaiquiri]

Hi there,

I would like to remove the space (pink dots) between pictures on my product pages

AND remove the grey outlines of the pictures.

Can someone help me do that ?

Theme : Dawn 6.0.2

Website : https://daiquiriparis.com/

Thank you so much!

[dmwwebartisan]

@contactdaiquiri

Please Add the following CSS code to your assets/base.css bottom of the file.

@media only screen and (max-width:749px){
.product .grid {column-gap: 0px !important;}
.product__media.global-media-settings {border: 0px !important;}
}

Thanks!

[contactdaiquiri]

Hi, thanks a lot ! It worked, but I would need the pictures to be full width, there is currently an offseting, see pictures. Can you kindly help correct this ?

[dmwwebartisan]

@contactdaiquiri

Please Add the following CSS code to your assets/base.css bottom of the file.

@media only screen and (max-width:749px){
.product__media-list .product__media-item {
    width: calc(100% - 0rem - var(--grid-mobile-horizontal-spacing)) !important;
}
}

[contactdaiquiri]

Hi, thanks a lot! Should I add it bellow the 1st code or instead of it ?

[dmwwebartisan]

@contactdaiquiri

Please add this after the previous code.

[contactdaiquiri]

Hi there, it looks great but there is still a margin on both sides, it’s not full width…

[contactdaiquiri]

@dmwwebartisan hi sorry for insisting, any idea how to have full width ? Thank you so much!