Products in archive not in line

[Adore]

Hello!

It seems that the products are not in line. This may be because the title is not equally long.

See attachments for example of how the product items is not in line.

Attachments:

You must be logged in to view attached files.

[Adore]

It seems that the title determines how long the “box”/product item is gonna be? Therefor the uneveness happens?

See new attachment

I want the products too align properly so that all the product items are aligned with eachother. As it is now, it’s a mess, because of the length of the title

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option.

.products .product.details-align-center .product-details {
     min-height: 150px!important;
}

Hope it helps.

-Rui

[Adore]

Hi, Rui!

Thanks for the help! It worked for most of the product items.. but! (See attachment)

Those with really long names still doesnt stay aligned with the others.

If i increase from 150 to 250px, will that work?

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

yes it will. Give it a try.

-Rui

[Adore]

Thanks Rui!

It worked to make it longer, but!

1. How do i make it responsive?
2. How do i ONLY make the text on the button we just edited too #fff (white) ?
– So it says, “Kjøp” in white and not in black.

[Adore]

Any luck on making the buttons responsive with the css code you suggested?

[Rui Guerreiro – SUPPORT]

Hi,

1) What you mean exactly? can you provide me a specific example?
Guess it will always need to have that minimum height.

2)

Add the code below to your custom css option

.product-actions .add-to-cart-wrap span {
    color: #FFF!important;
}

-Rui

[Adore]

On mobile for instance the button “kjøp” are not responsive. The buttons go on top of eachother. Especially on mobile. Could you have a look at it, would be much appreciated.
See attachment – We need imidiate help, we are releasing the website today, so any help would be good…

Thanks for the 2.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

@media only screen and (max-width: 979px) {
.products .product.buy-btn-visible > .product-actions .add-to-cart-wrap > a {
   width: 125px !important;
}
}

Thanks
Mohammad

[Adore]

Thanks mohammad!

Much appreciated.

[Rui Guerreiro – SUPPORT]

Great. Thanks Mohammad.
-Rui