Issues with price details placement on shop pages

[pkd-web22]

I’m currently building a website for a client using Neighbourhood 2.18 and WooCommerce 2.3.8 but the shop page (see site page url info supplied) is a bit of a mess because of the inconsistent positioning of the £Prices.

Is there anything that can be done to tidy this up in the ‘custom CSS’ section – like always having the price sit on a line underneath the title to the right regardless of whether the title is short or long? Any help with code would be appreciated.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Sure, add this to your custom css:

ul.products li.product .product-details {
  width: 100%;
}
ul.products li.product .price, .woocommerce ul.products li.product .price {
  float: left;
}

– Kyle

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

ul.products li.product .product-details {
    
    width: 100% !important;
}

Thanks
Mohammad