Hello @maxiec,
Please put the CSS below in Customizing > Custom CSS/JS > CSS Code:
.woocommerce #wrap ul.products li.product .woo-product-info .category {
display: none !important;
}
.woocommerce #wrap ul.products li.product .woo-product-info .title {
margin-top: 12px !important;
}
Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.
Note: if you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).
I hope that helps.
Best Regards
Thread Starter
maxiec
(@maxiec)
thanks, it works only in archive page, in elementor using official shortcode of woocommerce it doesn’t work
Hello @maxiec,
Please check the shortcode options, perhaps they’ve provided an option to hide/show, or other styles. Otherwise, you should write a custom CSS for it; in this case please share a live URL from your issue.
You can learn how to use Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS:
https://developers.google.com/web/tools/chrome-devtools/
https://developer.mozilla.org/en-US/docs/Tools
CSS Tutorial: https://www.w3schools.com/css/
For more information about media queries, please read this article:
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
Best Regards