No arrows on black background (Astra)

Hi @ratteimsuff

Add this to your theme CSS.

.slick-prev:before, .slick-next:before {
color: #ff4c4c !important;
}

Hello there,

thank you for your fast feedback ?? Awesome ?? that worked wonderfully.

It is interesting that the arrows not right in the middle on the PC view, but its perfect on the mobile view, what could be the reason?

…and sometimes it can happen when I tap an image by the gallery, the page scrolls down. This mostly happens in the mobile view. Is there a solution for this bug?

And last question – do you have an idea why my thumbnails are bad in the PC view, but Mobile there are fine? What can I do?

Thank you for your support. Kind regards

Thumbnails: If I may add that as well. The first preview picture is always ok, but as soon as you move one picture to the right with the arrows, you will immediately see the difference in quality in the preview.

https://collectables.ch/produkt/hot-toys-star-wars-the-child-life-size-masterpiece-actionfigur-q1-2021/

These are my settings in woocommerce:

quot:

Your adjustments for ? WooCommerce product images
After your changes have been published, new image sizes will be regenerated automatically.

Main picture width 400 (single product)
Thumbnail width 300 (catalog)

Crop the preview image

Hello there

can you please give me some feedback, why the gallery preview images are blurred when I click on them?

…and sometimes it can happen when I tap an image by the gallery, the page scrolls down. This mostly happens in the mobile view. Is there a solution for this bug?

Thank you.

I replied in your other thread.

Good evening,

oh sorry, I overlooked that this thread was still open.

Thank you very much again for this great plugin. It is really very good.

Nevertheless, I would like to have two more improvements, which could certainly help other users. It also has to do with this thread from back then. The arrows on the product page are now clearly visible with the css.

.slick-prev:before, .slick-next:before {
color: #ff4c4c !important;
}

But what is with the lightbox? I have already seen many times that people have not seen it (on the PC-Version) how to move the pictures aside.

1) Please see example arrow 1.You just see a small, white arrow at the end of the page.

https://www.directupload.net/file/d/6127/tmatjiqr_png.htm

I think it would be better to show it like in arrow 2. https://www.directupload.net/file/d/6127/t3rusmtk_png.htm

Maybe in the same style, but a litte bit bigger – Would it that be possible?

________________________

2) It would be great if the thumbnails, for example would be on the right side, attached by “PC” version.

https://www.directupload.net/file/d/6127/zbsnty4m_png.htm

For the mobile, I think the thumbnails below the mainpicture are well positioned.

The problem only shows up when you switch from portrait to landscape format (with the PC version and when you work with the Thumbnails). Then, under certain circumstances, the page jumps up rather inappropriately and you can no longer see the picture.

You can check here: https://collectables.ch/produkt/iron-studios-zack-snyders-justice-league-black-suit-superman-1-10-art-scale-statue-q4-2021/

Hope that would be a good update for the future.

I wish all of you a nice weekend. Kind Regards