How can I optimize a product image on my website?

Technical Q&A
1

Hello everyone

I have tried to fix this problem for a week, and somehow I need to ask the community for another help for this one!

About a week ago, my entire product images had a white background, but I was able to fix some of them by putting:

.card__info {background-color: #000 !important;} under my theme.scss.liquid.

But, there is one image that I can’t figure out how to fix this problem.

Link to my shop:kaveshop.store

화면 캡처 2021-04-12 101733.jpg
화면 캡처 2021-04-12 101733.jpg2020×1201 121 KB

2

Not sure if you needed to add that other CSS but looking at site I can see adding this will help. Be sure to make sure it doesn’t impact on other pages (like product pages).

/* remove the background from the grid */
.card__wrapper {
    background: none;
}
3

Hey, @Jason

Should I put the code under my theme section, or where should I put it?

4

Hi @JaeTak ,

You can find and edit the code for your theme.

Steps:

  1. From your Shopify admin, go to Online Store > Themes → Select your theme.

  2. Click Actions > Edit code.

  3. Please place this code at the end of the “theme.scss” file.

.card__wrapper {

background: none;

}

Screenshot to refer: https://prnt.sc/11atd5v

Hope this helps!

1 Like
5

Hello!

Sorry for the late reply!

It finally worked!! Thank you so much!

6

Hi @JaeTak ,

It’s our pleasure when helping you with your problems. ff you find our comments are useful, please Hit Like and Accept as a Solution, it absolutely encourages us.

Feel free to let me know if you need further support. I will try to help you timely and dedicatedly.

Greetings,

LitExtension Team.

1 Like