How can I resize my product cards on Desire-online.net?

[jakegrieveson]

The first image is the sizing i want but i cant seem to work out how to make mine smaller to match, is there any code that could help? Website: Desire-online.net

[Dan-From-Ryviu]

Hi @jakegrieveson 

You can try to add this CSS code at the bottom of base.css file of your theme to check

.collection.page-width {
max-width: 1200px !important;
}

[jakegrieveson]

It is still the same

[Transcy]

Hello @jakegrieveson ,

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code

Go to Assets folder -> base.css file or theme.scss.liquid file 

Add this following code at the bottom of page

.product-card {
  width: 200px;
  height: 250px;
}

Save and preview

Let us know if you can make it.

Transcy

[jakegrieveson]

this didnt work either it just stayed the same

[ZenoPageBuilder · Accepted solution]

Hello @jakegrieveson 

To make the product card smaller, inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.product-card-wrapper .card__inner {
    width: 60%;
    margin: auto;
}

Hope it helps!

[jakegrieveson]

this also didnt work, they just stayed the same size

[jakegrieveson]

yes

[SpankysLoot]

Hello, how would I also get this code to work on Mobile too?

[jakegrieveson]

None of these have worked