How to reduce the size of the photos of featured collection in my homepage?

[GreenPax]

Hi! on my home page i have this section for featured collection in a carousel type. however i find the photos abit big. Please help on how to reduce the size of the photos a little bit. thank you.

Shop url - https://greenpaxusa.myshopify.com/
pw - xuldeb

[Dan-From-Ryviu]

Hi @GreenPax 

Please add this code to Cutom CSS in Online Store > THemes > Customize > Theme settings 

@media (min-width: 750px) {
#Slider-template--23380050182462__featured_collection_77xqVJ { margin: 0 5rem; }
}

[DaisyVo]

Hi @GreenPax 

I hope you are well. You can follow our instructions below:

1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

Here is the code for Step 3:

@media screen and (min-width: 1024px){
ul.grid.product-grid.contains-card.contains-card--product li {
    width: calc(100% / 7.2) !important;
}
}

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[topnewyork]

Hello, @GreenPax 

1) Go to Online Store

2) Edit Code

3) Find theme.css/base.css file

4) Add the following code in the bottom

div#collection-template--23380050182462__featured_collection_77xqVJ {
    width: 100% !important;
    object-fit: cover;
    max-width: 90rem !important;
    height: auto;
    margin: 0 auto !important;
}

 Thanks!

[GreenPax]

Hi! it did work, however will you be able to stretch it out alittle bit? it's all cramped in the center