This topic has 4 replies, 3 voices, and was last updated 2 years, 4 months ago ago by Awais Ahmed
product not showing equal height and product button is missing some part down the border. https://prnt.sc/CrV0sHR9HrUa
https://prnt.sc/BGfgrh8ZfVOy
Hello,
Please try code from this topic – https://www.8theme.com/topic/make-the-elementor-products-widget-the-same-height/
Regards
not working. please fix by your self. i want to show full product title and same height for all product. thanks
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.
Tagged: button, equal height, missing parts, product, themes, woocommerce, wordpress
You must be logged in to reply to this topic.Log in/Sign up