White part in shop.

Hi there,

can you link me to the product where i can see the issue ?

https://www.marktstore.nl/index.php/product/geboorte-knuffel/
Is

That white part is the same with all products.

I'd like to see it a little tighter.

(maybe also 1 large photo and 2 small photos below)

There isn't much that can be done about reducing the gap across all products. Trying to do so may lead to content overlapping if the content is of a variable length.

The alternative is to disable the Stacked gallery on Desktop and have it display the default Carousel ( 1 large image with thumbnails beneath ) as it does on Mobile. Is that an option ?

Yes, that might be a good solution. what i want to try

See my reply here - it explains what needs to be done:

https://generatepress.com/forums/topic/too-much-gap-and-change-product-title-size/#post-2099954

Thanks!!!

i got it!
How can i get this smaller?
https://postimg.cc/Ty4MwNPn
https://www.marktstore.nl/index.php/product/geboorte-knuffel-meisje/

and is it possible that the photo moves down a little bit with the screen mouse?

What part do you want smaller ? The entire form?

The carousel image cannot be made to follow the screen when scrolling.

Yes the entire form (Product Fields) can that?

Thanks

Try this CSS:

@media (min-width: 769px) {
    .single-product form.cart {
        width: 50%;
    }
}

THanks!!
And Height?

Instead of changing the width, you can place the labels and input fields inline with this CSS:

.fpf-field .form-row {
    display: flex;
}
.fpf-field .form-row > :first-child {
    flex: 0 0 100px;
}

Super! Thank you !!

This is really much better!

Glad we could be of help!

I saw yesterday that the mobile version is completely staggered....

Help!

https://i.postimg.cc/hjtNJnJ3/mobiel.jpg