White corners around product on the main page

Hello,

To be direct, I see that the products on the main page of my shop have white corners (The shop is in a kind of dark mode).

I saw that a solution existed on the forum, however as I have the most basic plan for Shopify it seems I can’t edit the code and solve that problem. I don’t find it normal as it mostly seems like a bug.

Can anyone help on that matter ?

Thanks in advance,

Hi @vimaara

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

Hey !

For sure, you can access directly via vimaara.com.

Thanks for the info, check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.card__inner.color-background-2.gradient.ratio {
    background: transparent !important;
}

And Save.

Result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

Thanks for the quick response, however as mentionned above it seems I don’t have access to the edit ode feature, is that correct ?

Hi @vimaara

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


However some of other image will get affected as it doesn’t had the white background before

Hope this can help you solve the issue

Best regards,

Richard | PageFly

Nope you have! In your current theme just find the 3 dots. Or any theme you like to edit.

When you click the edit code this will come up.

This feature have with all shopify themes.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!