How can I remove "frames/box structure" from products collections in Refresh Theme

[PhMA]

Hello dear community,

How can I remove the frames, "block-display" in refresh theme, without doing custom coding?

I would like to have the products being display without any frame and basically should be in tone with the background of the section. e.g. white , so that one can't see any difference between the color of the product image and the color of that very section.... it should look like the second image... the buttons can stay as is....

many thanks,

[Moeed · Accepted solution]

Hey @PhMA 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.card__inner {
    border: unset !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Moeed]

Hey @PhMA 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[Aatiqa]

Hello @PhMA 

I hope you're doing well. Welcome to Shopify Community. Kindly share your website URL and Password (if enabled) and I would be more than happy to help you out!

Kind Regards,

Aatiqa

[PhMA]

the theme is not live yet Im testing it, I can send the preview https://8ruqd6e65ng70nsy-61049766108.shopifypreview.com

[Moeed · Accepted solution]

Hey @PhMA 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.card__inner {
    border: unset !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Aatiqa · Accepted solution]

Hello @PhMA 

Kindly, follow the below steps to fix your problem:

1) From your Shopify admin dashboard, Go to Online Store
2) Choose the theme which you wanna edit and click on Edit Code
3) Add this code in the end of theme. liquid file above </body>

<style>
.card__inner.color-scheme-2.gradient.ratio {
    border: unset !important;
}
</style>

Here's the Result:

If I was able to help you and my solution worked well for then, please don't forget to Like it and Mark it as Solution.

Best Regards,
Aatiqa

[PhMA]

is there a solution without adding code?

[Made4uo-Ribe]

Hi @PhMA 

Would you mind to share your store URL? Thanks!