Product grid using LIST option not limiting product title

Hi there,

As the title says: Product grid using LIST option not limiting product title.

What did i do? I limited within the Woodmart theme Product title line limit to: 2 lines.
Currently this works perfectly on my site, but on my single product page i use the product grid with list option and this won’t limit the product title lines,

Can you help me?

This is the homepage: https://boenderoutdoor.nl/

You can see it works perfectly here.

https://boenderoutdoor.nl/sierkussens/boender-outdoor-sierkussen-45x45cm-velvet-lendekussen-blauw-inclusief-binnenkussen-2-stuks/

But navigating to the single product page you will see it won’t apply here?

Hello,

Try to add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS. Change the value as per your requirements.

/* Limit product title to 1 lines on single product page */

.wd-single-title .product_title {
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

Best Regards.

Hi there,

Thank you for your response, unfortunately this doesn’t work..

Hello,

Can you please share some screenshots where you want to limit the product title. Also share the wp logins details so i will check and give you a possible solution.

Best Regards.

Hi there,

If you go to this page for example:
https://boenderoutdoor.nl/sierkussens/boender-outdoor-sierkussen-45x45cm-velvet-lendekussen-blauw-inclusief-binnenkussen-2-stuks/

Then look at my screenshot, you will see the product archive on the right showing the products, these lines are more then 2.

I added the admin credentials in the private content area 🙂

Attachments:

You must be logged in to view attached files.

Hello,

Try to add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS.

.wd-product.product-list-item .product-list-content .wd-entities-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

Best Regards.

Awesome this works, thank you very much!

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts