[Support request] White part in shop.

[M.schreijer@gmail.com]

Good day!

I have a question.
I’ve been trying to get the white part out for a while now. but don’t get it right.

is there anyone who knows how?

See photo in link

https://postimg.cc/KRYDkgRQ

[David]

Hi there,

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[M.schreijer@gmail.com]

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)

[David]

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 ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[M.schreijer@gmail.com]

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

[David]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[M.schreijer@gmail.com]

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?

[David]

What part do you want smaller ? The entire form?

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[M.schreijer@gmail.com]

Yes the entire form (Product Fields) can that?

Thanks

[Ying]

Try this CSS:

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

[M.schreijer@gmail.com]

THanks!!
And Height?

[David]

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;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[M.schreijer@gmail.com]

Super! Thank you !!

This is really much better!

[David]

Glad we could be of help!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[M.schreijer@gmail.com]

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

Help!

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

[Author]

Posts