Line in product images on /shop-page

[Rebels]

Hi there,

When visiting the /shop page, the images get a (ugly) line on the right side when using Firefox. See the attachment. What could cause this?

Thanks!

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

That looks to be the section divider colour, this is set in the Customizer => Color – Page => Section divide color.

This is how I currently see your products in FF + Mac.

[Rebels]

Hi there,

Thank you for your quick response.

I don’t think it’s the divider color, I still get a (hard black) line as in my previous attachment.

[David Martin – Support]

What OS/version are you using?

Could you also clear your browser cache?

[Rebels]

Windows 10 and FF 54

Caches cleared.

[David Martin – Support]

Hi,

Yes, I see that also. Tt seems the browser cannot correctly handle the percentage based widths of the image.

Please test this, please add this to Theme Options => Custom CSS:

.browser-ff .woocommerce-page .variable-image-wrapper img {
    max-width: 98%;
}

[Rebels]

Added the custom css & flushed cache, still not helping.

[David Martin – Support]

Ok, would you mind adding a login for me to better assist further?

Thanks,
David.

[Rebels]

This reply has been marked as private.

[David Martin – Support]

Perfect – thanks.

I have amended the code to this:

.woocommerce-page.browser-ff .variable-image-wrapper img {
    max-width: 98%;
}

[Rebels]

This reply has been marked as private.

[David Martin – Support]

Glad to help you out!

If you have found the theme/support useful, we appreciate it if you can leave feedback on our item if you have the time as it really helps us out.

Thanks,
David