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

thomasmackayco
Tourist
4 0 3

Hi there,

 

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

 

It looks like this (default setting):

 

thomasmackayco_0-1614465968553.png

And I would like it too look more like this:

thomasmackayco_1-1614466005748.png

Thanks,

TM

0 Likes
dmwwebartisan
Shopify Partner
5221 1204 1541

@thomasmackayco 

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

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
dmwwebartisan
Shopify Partner
5221 1204 1541

@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!

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
thomasmackayco
Tourist
4 0 3

@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
Shopify Partner
5221 1204 1541

@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! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes