hello, i’m using the elementor widget to show my products in the home page,instead of using the theme widget (because it’s very slow), when i add the css in that widget it’s not working
/** Fixed height on product titles **/
@media (min-width:601px) {
selector .woocommerce-loop-product__title {
height: 45px;
min-height: 45px;
}
}
/** Change fixed height if we’re on mobile or reset it to auto **/
@media (max-width:600px) {
selector .woocommerce-loop-product__title {
height: 45px;
min-height: 45px;
}
}
/** Alternatively you could also truncate the text on mobile **/
@media (max-width:600px) {
selector .woocommerce-loop-product__title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 120px;
}
}
see screenshot :
https://prnt.sc/OTQB0OdmuxuN
how i solve this problem?
also if you want wp credentials you can find it in m previous tickets
NOTE – PLEASE DO NOT UPDATE THE THEME CORE PLUGIN WHEN YOU LOG IN.