How do I align the vendor and inventory at the bottom

Store Design
,
1

DionCosina_0-1676029755109.png
DionCosina_0-1676029755109.png1582×517 188 KB

This is my collection on the home page, but I want that the “Tuinvisie” and “Op voorraad” are aligned at one height at the bottom right above the orange button. How do I do this?

If there are any questions, please ask :grinning_face_with_smiling_eyes:

2

Hi @DionCosina

please share your store url for better understanding to give the solution

Thanks

1 Like
3

https://tuinmaterialen.nl/

4

Hi @DionCosina

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code at the bottom of the file:

.product-item__title+.product-item__vendor{
    position: absolute;
    top: 390px;
    
}

.product-item__inventory{
    position: absolute;
    top: 395px;
}

PageFlyKate_0-1676061236829.png
PageFlyKate_0-1676061236829.png240×472 25.3 KB

Hope my answer will help you

5

Hi @PageFly-Kate ,

Unfortunately this doesn’t work for me. The box doesn’t size with it, so the “Tuinvisie” and “Op voorraad” are set behind the orange button. The button doesn’t size down with it.

6

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file → Save

.product-item__title+.product-item__vendor{
    position: absolute;
    top: 380px;
}
.product-item__inventory{
    position: absolute;
    top: 385px;
}