Hi, please find the screenshot below. How can I fix the problem to make the product name and product category display properly? At the moment, they are overlapped. Many thanks.
This topic has 6 replies, 3 voices, and was last updated 10 years, 7 months ago ago by Eva Kemp
Hi, please find the screenshot below. How can I fix the problem to make the product name and product category display properly? At the moment, they are overlapped. Many thanks.
Hello
Please replace this code in custom.css:
.slide-item .product .product-name, .products-grid .product .product-name {
height: 50px;
}
to this one:
.single-product-page .slide-item .product .product-name, .single-product-page .products-grid .product .product-name {
height: 50px;
}
This will make your slider to be lined up on single product pages and code will not break other pages layout.
With best regards
Brian Johnson
Hello Brian
Thanks for your reply. But it is still not quite right as yet. Please see the screenshot below:
Two Items are still not in one line.
What to do now please?
Many thanks.
Hello,
Please try to use this code:
.slide-item .product .product-name, .products-grid .product .product-name {
height: 90px !important;
}
Thank you.
Regards,
Eva Kemp.
Working now, thanks Eva!
Hello,
You’re welcome.
Regards,
Eva Kemp.
The issue related to '‘Display problem on product/ category page’' has been successfully resolved, and the topic is now closed for further responses