Amended Woocommerce Product Grid Titles & Prices

Hi,

Thanks for the screenshots. Could you post a link to where we can see the actual element as well please?

Best regards,
Rikard

Hi,
Sorry for the late reply and thanks for the links, I don’t think these will be exactly the same, but with this css it is pretty close.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

li.product span.woocommerce-Price-currencySymbol {
	 display: inline !important;
	 line-height: 15px!important
}
#main li.product span.price span.woocommerce-Price-amount.amount {
	 display: block !important;
	 line-height: 15px!important;
}
li.product span.price {
	 float: right !important;
}
li.product div.inner_product_header_table {
	float: left !important;
}
li.product span.onsale {
	display: none !important;
}
#top #wrap_all li.product ins:before {
	display: none !important;
}
#top li.product .product_on_sale .inner_product_header {
    padding-right: 0 !important;
}
li.product .inner_product_header_cell {
	display: flex !important;
}
li.product h2.woocommerce-loop-product__title {
    padding-right: 20px !important;
 }

After applying the css, Please clear your browser cache and check.
from:

to:

Best regards,
Mike