Chrome issue – only square pictures

  • Resolved marcoonline

    (@marcoonline)


    8 years, 7 months ago

    Hi,

    I’ve chosen for white-border-circular images (second option in Foo Gallery). In every browser I’ve tested (PC: FF, IE & Edge; Mobile: FF, Safari) the carousel looks great. Except for Chrome (both PC and Mobile).

    It shows square images, where you can see parts of the cirkel on every side. I cleared Chrome history (everything) and I cleared the thumbnail cache. I even completely removed the Owl Carousel addon and reinstalled and reconfigured it. When I choose the default (Foo) Gallery Template, the images are displayed correctly in circles. I’ve noticed that also other border styles like “circular black” are ignored by Chrome.

    My site (page with carousel): https://www.judithloeffen.nl/creatie/schilderijen/

    https://www.ads-software.com/plugins/foogallery-owl-carousel-template/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Matt Cromwell

    (@webdevmattcrom)

    Hmmm… I see that on your site. I’ll need to replicate that in order to know with certainty what’s going on. But try this as a workaround for now:

    .foogallery-owl-carousel.border-style-circle-white a {
    z-index: 1;
}
.owl-carousel .owl-item img {
    z-index: -1;
}

    Let me know how that goes.

    Thread Starter marcoonline

    (@marcoonline)

    Hi,
    Sorry for the late response, I’m a busy man ??

    I’ve added the code to my child theme Stylesheet (style.css), but didn’t see any changes. Did you notice that when you push the next button in the carousel that you see the (correct) circle for a second? Chrome quickly “corrects” it to a square…

    Thread Starter marcoonline

    (@marcoonline)

    Tried some additional troubleshooting by changing the gallery settings, cleared other CSS in my child theme and disabled plugin by plugin. Even switched from child to the original theme (and back). None of these steps lead to a solution. Also tried the Custom CSS section of the Foo Gallery with the CSS provided, but no result/difference.

    In addition I’ve noticed another issue: the “Hover Effect” doesn’t work in any browser(!)

    Thread Starter marcoonline

    (@marcoonline)

    Any updates Matt?

    Plugin Author Matt Cromwell

    (@webdevmattcrom)

    Apologies for the extreme delay. Just narrowed down the issue and pushed out the fix for version 1.4.2. Update to that and you should be looking great in Chrome as well.

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Chrome issue – only square pictures’ is closed to new replies.

Tags