product description in 3 lines , not 2
-
hello, how can i make the product title description in 3 lines instead of 2 please? i mean as shown in screenshot, not in the individual product title page.
please see screenshot.
Thnak you
Attachments:
You must be
logged in to view attached files.
Hi giannisth,
Thanks for reaching to us.
Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:
[class*="title-line-"] div.wd-product .wd-entities-title {
max-height: calc(var(--title-line-count, 1) * var(--title-line-height, 2.4em));
line-height: var(--title-line-height, 1.4em);
}
Regards,
Hung PD
hello, thank you for the code.
i just saw though that when the description is quite long this happens: the fourth line gets cut. please see screenshot.can this be fixed you think?
Attachments:
You must be
logged in to view attached files.
Hi giannisth,
Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:
div.title-line-two {
--title-line-count: 3;
}
Regards,
Hung PD
yes, that did the job, thank you
Hi giannisth,
Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!
Regards,
Hung PD
The topic ‘product description in 3 lines , not 2’ is closed to new replies.
.
