Viewing Complete image

Site URL: https://www.peachsnapsphotography.co.uk

HI All, on my website I have both portrait and landscape pictures. the website automatically cuts the pictures depending on what I choose but I want to upload both landscape and portrait without the images being cut or cropped. 

is there a way to do this??

you can see the example on my shop where there are landscape pictures cropped: https://www.peachsnapsphotography.co.uk 

Thanks

George

On 6/28/2021 at 9:30 PM, PeachSnapsPhotography said:

Site URL: https://www.peachsnapsphotography.co.uk

HI All, on my website I have both portrait and landscape pictures. the website automatically cuts the pictures depending on what I choose but I want to upload both landscape and portrait without the images being cut or cropped. 

is there a way to do this??

you can see the example on my shop where there are landscape pictures cropped: https://www.peachsnapsphotography.co.uk 

Thanks

George

It looks like you sent me an email? Add this to Design > Custom CSS

/* product images */
.products.collection-content-wrapper .grid-item .grid-image-cover {
    object-fit: contain !important;
}

On 6/30/2021 at 7:50 AM, tuanphan said:

It looks like you sent me an email? Add this to Design > Custom CSS

/* product images */
.products.collection-content-wrapper .grid-item .grid-image-cover {
    object-fit: contain !important;
}

 

hi thanks for this but it means absolutely nothing to me ahah, is there any more detail as to how I code this in??

On 7/6/2021 at 3:25 AM, PeachSnapsPhotography said:

hi thanks for this but it means absolutely nothing to me ahah, is there any more detail as to how I code this in??

Design > Custom CSS > Add to top of Custom CSS bõ

I'll give this a try!

this has worked!! you angel! just now need to get the text to align ahah

17 hours ago, PeachSnapsPhotography said:

this has worked!! you angel! just now need to get the text to align ahah

Did you solve with text align?