ISHIMOTO: physical product gallery WRONG CROP

Site URL: http://www.fabioforin.com/prints-shop/wing-ltd-editions

Hi there,

I've just added a few items to my shop page but, when I click on one of them, the images don't show up correctly - see link attached to see what I mean.

I already tried to set on 'automatic crop' in the site styles, but it doesn't make any difference. HELP ! 🙏 

Access Home > Design > Custom CSS > Find & remove this code

@media only screen and (min-width: 801px) {
    .slide img {
        border-left:150px solid;
        border-right: 150px solid;
        border-color: #fff !important
    }
}

@media only screen and (max-width: 639px) {
    .slide img {
        border-bottom:150px solid;
        border-color: #fff !important
    }
}

Sorted! Thank you man 🙏How do I add padding between the images in the other galleries (people, places) on the website though? I wanted to have some white space between each photo. 

Thanks again,

Fabio

On 6/2/2020 at 4:51 AM, Fabster said:

Sorted! Thank you man 🙏How do I add padding between the images in the other galleries (people, places) on the website though? I wanted to have some white space between each photo. 

 

Thanks again,

Fabio

Hi. Sorry for the delay. Just had a few days off in hometown. Have you solved yet?

Hi, yes I managed to add borders. The only thing I can't work out by myself and that bugs me is the fact that the transparent bar with title and date of the single photograph does not match the width of the actual image. 

http://www.fabioforin.com/people

@Fabster you can apply the same style to the image description

 

.image-description {
	border-left: 150px solid white !important;
  	border-right: 150px solid white !important;
}

Result: 

Thank you so much Ryan! 

@tuanphan

I'm having an issue with the product galleries on this site: 

https://www.amacmotorcycles.com/shop-all/aspendale-womens-motorcycle-jacket

The Product Gallery doesn't align correctly on the Product details page (see screenshot).

Additionally, in the Product Gallery, products appear with a grey background, even when on white. I've set the Product Background colour as white in Site Styles.

Note- in the screen shot below, the 1st product image has a white background, the others are on grey (i'm yet to remove the background).

But you can see that a grey background has been applied to the products by this example also: 

https://www.amacmotorcycles.com/shop-all/metzeler-racetec-rr

You've helped before. Hope you can point me the right direction again!

Thanks

7 hours ago, lisam10s said:

@tuanphan

I'm having an issue with the product galleries on this site: 

https://www.amacmotorcycles.com/shop-all/aspendale-womens-motorcycle-jacket

The Product Gallery doesn't align correctly on the Product details page (see screenshot).

Additionally, in the Product Gallery, products appear with a grey background, even when on white. I've set the Product Background colour as white in Site Styles.

Note- in the screen shot below, the 1st product image has a white background, the others are on grey (i'm yet to remove the background).

But you can see that a grey background has been applied to the products by this example also: 

https://www.amacmotorcycles.com/shop-all/metzeler-racetec-rr

 

You've helped before. Hope you can point me the right direction again!

Thanks

 

Add to Home > Design > Custom CSS

.collection-type-products .slide img {
    filter: unset !important;
    left: 0 !important;
}

5 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

.collection-type-products .slide img {
    filter: unset !important;
    left: 0 !important;
}

 

LOVE YOUR WORK @tuanphan

Thank you.