I have uploaded my products, but long names seem to be making the 4 column product view stretch out to the left
is there any way to make fixed length for Product name like showing two line name
Ex: https://www.aliexpress.com/w/wholesale-mobile-covers-iphone-6.html?spm=2114.01010208.0.0.34yUCv&initiative_id=AS_20170211112424&site=glo&g=y&SearchText=mobile+covers+iphone+6&CatId=380230
Thanks and regards.
Rafilathif
|
|
i show on Aliexpress.com when i move mouse hover the full name showing on gride. please refer the link
Ex: https://www.aliexpress.com/w/wholesale-mobile-covers-iphone-6.html?spm=2114.01010208.0.0.34yUCv&initiative_id=AS_20170211112424&site=glo&g=y&SearchText=mobile+covers+iphone+6&CatId=380230
|
|
Hi,
Here is some extra CSS that will do the job:
div:not(.tb_item_hovered) > .product-thumb h4 a {
overflow: hidden;
display: block;
max-height: 40px;
}
Add these styles from the Theme CP > Theme Settings > Custom > Custom Stylesheet text field.
Do not forget to set the Item hover option in product listing settings to ‘Append to visible’.
BR,
ThemeBurn team
|
|