Return to previous page

Align buttons and products - by jeppesoe

This topic has 6 replies, 2 voices, and was last updated 9 years, 11 months ago ago by Eva Kemp

jeppesoe

Participant

November 26, 2014 at 00:29

Hi.

I would like alle the products to be aligned in top and button, even with different imagesize and long/short titles. Earlyer answers in both ROYAL and LEGENDA seems to point to Custom CSS and three different codes are posted. None of them seemed to work.

We have a shop in Legenda and a new Royal – both with same problem, with products all over the place 🙂

What to do in the new Royal – and the Legenda is updated since the early versions af code, right? Cant seem to get the custom codes to work. Tried all three posted by you.

Please, contact administrator
for this information.

#26644 Copied

5 Answers

Eva Kemp

Support staff

November 26, 2014 at 09:04

Hello,

Please provide us with the direct links where the problem occurs.

Thank you.
Regards,
Eva Kemp.

#26665 Copied

jeppesoe

Participant

November 26, 2014 at 09:11

Here we go:

Please, contact administrator
for this information.

#26670 Copied
Eva Kemp

Support staff

November 26, 2014 at 13:39
Hello,

Please add this code to custom.css file.
For http://interiorz.dk/produkt-kategori/entre/ :
```
.products-grid .product .product-name {
   height: 100px;
}
.products-grid .product .product-image-wrapper {
   height: 260px;
}
.slide-item .product .product-name {
    height: 100px;
}
.slide-item .product .product-image-wrapper {
   height: 210px;
}
```
Sorry, but I don’t see misalignment for the products on the Royal site.
Please provide the direct link where you see it.

How to create custom.css you can watch in this tutorial.

Thank you.
Regards,
Eva Kemp.
#26709 Copied
jeppesoe

Participant

November 26, 2014 at 13:50

Legenda worked PERFECTLY!

Login royal in private:

Please, contact administrator
for this information.

#26717 Copied

Eva Kemp

Support staff

November 26, 2014 at 14:49

Hello,

Uncheck “Hard Crop” for products images in Woocommerce > Settings > Products tab as shown in our documentation https://www.8theme.com/demo/docs/royal/#!/woocommerce and then regenerate thumbnails with this plugin https://wordpress.org/plugins/regenerate-thumbnails/ as recommended by Woocommerce.

Thank you.
Regards,
Eva Kemp.

#26736 Copied
Viewing 6 results - 1 through 6 (of 6 total)