Quickview: random 1px white border (always on the bottom border)

[App8047]

Hi!
Often when I click on Quick View, many of products show a 1px white border at the bottom, on the left where the product image is. At first I thought it was a Photoshop error or something that I didn’t crop it properly, but I see it happens quite a lot with many books and is always the bottom border. Never the left or the top border.

Is there any fix for this? (Screenshots attached, I disabled the View Product button). I got some help earlier with Quick Fix and the css given was this. (the problem was there before this as well, by the way)

.popup-quick-view .product-image-summary {
min-height: auto !important;

To disable the View Product button upon hover, I’m used this css

.popup-quick-view .view-details-btn {
display: none;
}

Is there anything I can do to get rid of this bottom border? It doesn’t show all the time and seems to be random but I don’t know what causes it. The original images don’t have a white border at the bottom. (see the last attachment)

• This topic was modified 1 year, 6 months ago by App8047.

Attachments:

You must be logged in to view attached files.

[App8047]

Sorry, I edited the original instead. I can’t delete this reply unfortunately.

• This reply was modified 1 year, 6 months ago by App8047.

Hello,

Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Best Regards

[App8047]

I’ve inserted below in extra information below. Many thanks for your help.

• This reply was modified 1 year, 6 months ago by App8047.

Hello,

I check the quick view of different products I do not see the problem: https://gyazo.com/1acacf81e6f19f88750f0cf49b665b1b and https://gyazo.com/2174d91e7b0074b92fdecc0f6f5684ba and
https://gyazo.com/8f07c6f08755176546b50bc5f9fa65de

As you can see I checked dirrent products, please provide the product title and its page to check.

Best Regards

I mentioned it’s random, that not ALL do it, but many do.
Would it be possible to test those books that I mentioned above (not other books, because sometimes it doesn’t do i and that doesn’t fix the problem unfortunately ).

Would you be kind enough to pls try 500 Grillretter and Flaggermusa under “Natur, Helse og Mat” and “Hitler” under Geografi? (see screenshot above)

Hello,

Could you kindly provide product URLs with the problem, so that we could check and suggest a solution?

Best Regards

Hi, I’ve put the links below in private content with the product pages – with the login for WordPress (in maintenance mode, so need to be logged in).

It’s only in Quick view it shows.

Not sure what’s causing it, is always the bottom border…but seems random.
Hope there’s a fix.
Thanks!

I don’t have time to go through 350 pictures in Quick View, so only included a handful of them…but it seems random..

Hello,

We have checked all the products:

Det Kongelige Slott https://prnt.sc/-6IuZA_R5OYo
50 år for Akershus https://prnt.sc/OYbQo0vbbCfL
A New World – The History Of Immigration Into The United States https://prnt.sc/2oUJ13jkAm97
Benchmark: Three 20th Century Dictators https://prnt.sc/7gsnBq6jCHIc

We see the problem on one product only: “Benchmark: Three 20th Century Dictators”

The reason is the image has a different correlation of sides: https://gyazo.com/544efc6635128044d6bc0a201ea15f05

The height of the carousel is set taking into consideration the highest image.

There are two ways to solve this issue.

1. The most effective is to upload images of the same size and proportion.

2. You can cut the images with CSS:

.product-quick-view .owl-stage-outer {
	margin-bottom: -3px;
}

If you have any questions please feel free to contact us.

Best Regards

If you have any questions please feel free to contact us.

Best Regards

I’ve used the css. Works perfectly – thank you!

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts