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

Store Design
, ,
1

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

Screenshot (50).png
Screenshot (50).png1920×1080 359 KB

Screenshot (51).png
Screenshot (51).png1920×1080 179 KB

Screenshot (52).png
Screenshot (52).png1920×1080 187 KB

2

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;
}
3

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

4

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!

5

None of these have worked

6

It is still the same

7

this didnt work either it just stayed the same

8

this also didnt work, they just stayed the same size

9

yes

10

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