How can I enlarge the product cards on my featured collection section of my home page? (Debut)

[thomasmackayco]

Hi there,

I am trying to enlage and spread out the product cards on my home page.

It looks like this (default setting):

And I would like it too look more like this:

Thanks,

TM

[dmwwebartisan]

@thomasmackayco 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

[thomasmackayco]

https://thomas-mackay.myshopify.com/

pw: cleets

[dmwwebartisan]

@thomasmackayco 

Please add the following code at the bottom of your assets/theme.css file.

#shopify-section-161445514223f1a623 .page-width {max-width: 100% !important;}
.product-card {text-align: center;}
#shopify-section-161445514223f1a623 .price {
align-items: center!important;
text-align: center;
}

Hope this helps.

Thanks!

[thomasmackayco]

@dmwwebartisan 

That worked great to space everything out.

Thank you. I appreciate your help.

However,  is there a way to enlarge the pictures?

Thanks,

TM

[dmwwebartisan]

@thomasmackayco 

Please add the following code to enlarge images.

#shopify-section-161445514223f1a623 .grid-view-item__image-wrapper .grid-view-item__image {
    max-width: 100% !important;
    max-height: 100% !important;
}

Thanks!