Return to previous page

Reply 327856 to: product not showing equal height and product button are missing some part down

Avatar: Awais Ahmed
Awais Ahmed
Participant
July 1, 2022 at 05:51

Hello, @ibnasina,

It is because as you can see in the image: https://postimg.cc/rzZYFFZ3 your product’s titles are not equal some product titles appear in two lines and some are in only one line that’s why the height is not the same for every product now you have only this option that to show the product titles in one line because one line title is necessary for every product on the shop and homepage if user want to read and check the product he/she will click on it to go to the product detail page.

Now, to show the product title in one line go to the Dashboard >> XSTORE >> Theme Options >> Theme Custom CSS and then paste the below code there.

.etheme-product-grid-title{
display: -webkit-box !important;
line-height: 1 !important;
-webkit-line-clamp: 1 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}

Then save settings and check back to your site after clearing the browser cache. The result will appear like this: https://postimg.cc/tZx7Zgtk

Regards 8Themes Team.

#327856
Go To The Whole Conversation In Topic

Useful links WooCommerce & WordPress

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.