I Need to develop some changes

Site URL: https://wedge-seahorse-ss4c.squarespace.com/

I attach 4 images because I think it could be easy. Every image is a problem.

1. I would like a code to go on a new line (in the category ALL) when the product change.

2. In the header the border I created is really soft and chic, in the section it seems I can't go smaller than this (image attached)

3. I would like people to be able to scroll through all the images of the product without going into the specific product. Now if i hover it with the mouse it shows me the second image of the product.

4. How to have product prices always on the same line

every image has the request written in red so it's easy to understand

Thank you!!

Someone can help? please.

I would like to go online with the website in good condition

With Line, you can use this to Website Tools > Custom CSS

section[data-section-id="66e18131ad886167905f0027"] .section-divider-display {
    display: none !important;
}
section[data-section-id="66e18131ad886167905f0027"] {
    border-bottom: 1px solid #b3b3b3;
}

With price same line use this CSS code

/* price same line */
.grid-title {
    min-height: 40px;
}

Thank you Tuanphan

Do you have solution even for:

1. Changing line when the type of product change (as you see mine has different product next to each other, instead i want different product to go on a new line)

2. When i get to the shop now if i pass the mouse over a product it shows me the next picture instead i would like people to have a static slideshow preview of alla the picture.

Thanks in advance

Maybe this image is more clear, to explain what i ask.

Thanks in advance, this is really important for my website.

Site URL: http://www.afreakindream.com

Hi everybody,

As you see in the image attached, i set 4 product each line.

In this case, i have 6 small bags (so i have to remaining spaces to cover the line). Squarespace automatically cover with the next two products.

Instead i would like those two spaces to be empty and start with the big bags in the next line under.

Thanks in advance

Site URL: http://www.afreakindream.com

Hi everyone,
I'm trying to solve an issue with the display of my shop on Squarespace. I have a shop page where each row contains 4 products. However, if a category ends with fewer products (e.g., just 3), I would like the fourth slot in the row to remain empty, instead of displaying a product from a different category.
Is there a way to manage this? Perhaps with custom code or a setting I might have missed?
Thanks in advance for the help!

https://www.polivantage.com/developmentlog/imagecarouselshopcategories

for carousel in category pages.

preview:
https://www.polivantage.com/shop/prints

ps
I'm still tweaking the transitions

mmm, doesn't work for me. 

thank you anyway