Gray lines Everywhere

[MYILDIZ]

I created my own images using photoshop and resized all of them. But when i try to add these image into different design elements, They keep leave gray border around them. Examples are below. And my site name is wheelweightsmachine.com

Im looking for the replays, thanks.

   

[oscprofessional · Accepted solution]

Hello @MYILDIZ 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.image-with-text__media.image-with-text__media--adapt.gradient.color-background-1.global-media-settings.media {
    border: none;
}

[oscprofessional · Accepted solution]

Hello @MYILDIZ 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.product-media-container.media-type-image.media-fit-contain.global-media-settings.gradient.constrain-height {
    border: none;
}

[Asad24]

write this code in your custom css section 

.image-with-text .image-with-text__media-item>* {
 border: none;

}

[oscprofessional · Accepted solution]

Hello @MYILDIZ 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.image-with-text__media.image-with-text__media--adapt.gradient.color-background-1.global-media-settings.media {
    border: none;
}

[MYILDIZ]

Thank you sir, it solved the problem at the main page but at the product page same problem keeps going which is shown at the last photo from my question.

[oscprofessional · Accepted solution]

Hello @MYILDIZ 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.product-media-container.media-type-image.media-fit-contain.global-media-settings.gradient.constrain-height {
    border: none;
}

[MYILDIZ]

It solved, im really appreciated for all your helps. How to apply same things for the mobile page?

[MYILDIZ]

Things i said solved above for the desktop appearance, for the mobile appearance no problem has solved mentioned at question.

[oscprofessional]

Hello @MYILDIZ 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

@media screen and (min-width: 767px){
.image-with-text__media.image-with-text__media--adapt.gradient.color-background-1.global-media-settings.media {
    border: none;
}
.product-media-container.media-type-image.media-fit-contain.global-media-settings.gradient.constrain-height {
    border: none;
}
}

[MYILDIZ]

it didn't work for me this time

[oscprofessional · Accepted solution]

Hello @MYILDIZ 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

@media screen and (max-width: 767px){
.image-with-text__media.image-with-text__media--adapt.gradient.color-background-1.global-media-settings.media {
    border: none;
}
.product-media-container.media-type-image.media-fit-contain.global-media-settings.gradient.constrain-height {
    border: none;
}
}

[MYILDIZ]

My problems are done. Thank you for all your supports sir, you really helped me here. Have a good day.