Hey,
Let’s take care of one question at a time. First of all, do you want to display the products titles like this? https://imgur.com/a/oJ67eBI I just want to make sure that I understand what you’d like to do.
.widget_storevilla_latest_product_cat_widget_area .latest-product-slider li .block-item-title h3 a, .widget_storevilla_product_widget_area .store-product li .block-item-title h3 a, .widget_storevilla_cat_with_product_widget_area .cat-with-product li .block-item-title h3 a, .woocommerce ul.products li.product .block-item-title h3 a {
text-transform: capitalize;
text-overflow: initial;
}
will fix the truncation of the titles.
To add CSS: use the “Additional CSS” option in the customizer. https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress
Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.
Yes Radu I would like it to show exactly as you have it in the image. Thank you so much for your help guys.
That’s exactly what the CSS I provided does!
Steve I tried your code but the text title remained on one line so it wasn’t showing. Thank you so much for help anyway.
crud! It would have helped if I’d copie the right stuff to paste.
.widget_storevilla_latest_product_cat_widget_area .latest-product-slider li .block-item-title h3 a, .widget_storevilla_product_widget_area .store-product li .block-item-title h3 a, .widget_storevilla_cat_with_product_widget_area .cat-with-product li .block-item-title h3 a, .woocommerce ul.products li.product .block-item-title h3 a {
white-space:initial;
text-overflow: initial;
}
See https://i.imgur.com/78FOEOF.png
Yes awesome worked perfectly. Can’t thank you enough.
Any idea how to get all the thumbnails equal in size without having to redo all the original images? I have a bad feeling about this.
I recommend asking at https://wordpress.org/support/plugin/woocommerce#new-post so the plugin’s / theme’s developers and support community can help you with this.