Docs

[ludwigkempenaar]

Hello,

I tried some options from related forum questions, but unfortunately I did not succeed fixing may problem 🙁

I want to use a fixed height for my Woocommerce product boxes (on summary pages). Now they differ from height, because of the amount of characters of the product name.

See example:
http://www.citroencarparts.com/winkel/page/7/

Can you help me to fix this?

Regards,
Ludwig

[Thai]

Hi There,

We can truncate the product title by using custom CSS, please add the following CSS under Customizer > Custom > Global CSS:

.woocommerce li.product .entry-header h3 a {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

Hope it helps 🙂

[ludwigkempenaar]

Hello,

Ok, that is also a possibility. But if I want to use the full product title, can i set a fixed height of the box?

Gr

[ludwigkempenaar]

Hello Thai,

I added the Truncate CSS.. but nothing happens.

Gr

[Thai]

Hi There,

I added the Truncate CSS.. but nothing happens.

You forgot to add the curly bracket(}) in your custom CSS, so the provided CSS will not work.

Ok, that is also a possibility. But if I want to use the full product title, can i set a fixed height of the box?

Please try with this CSS:

.woocommerce li.product .entry-wrap {
    min-height: 140px;
}

Hope it helps 🙂

[ludwigkempenaar]

That did the trick!

Thanks

[Christian]

You’re welcome. 🙂

[Author]

Posts