How can I remove the product shorting

[dvaltas]

How can I remove the “Showing all 15(e.g.) products” and the product sorting from the shop page above the images of the products?

Thanks

[Kyle – SUPPORT]

Hi

Try adding this custom css:

.woocommerce-count-wrap {
  display: none;
}

– Kyle

[dvaltas]

The “showing product” from the left removed but the sorting is still there. Can you send me the css for this to disappear as well thanks.

Will the void from this still exist? I mean when I remove this options, the images following will stay in the same position or it will cover the void from above?

Thanks Kyle.

[Melanie – SUPPORT]

Here you go:

.woocommerce-ordering {
display: none!important;
}

[dvaltas]

Also the line that is beneath the product sorting option to be removed.

Thanks

[Kyle – SUPPORT]

Add this:

.woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products, p.no-items {
  border-top: none;
}

– Kyle

[Melanie – SUPPORT]

.woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products, p.no-items {
border-top: none;
padding-top: 0px;
}

you’re welcome

[dvaltas]

Thanks Melanie. That worked. But there is a void between the menu and the images where these options were. Can I remove that also? Along with the line?

Thanks again!

[Melanie – SUPPORT]

Post up your website URL please.

[dvaltas]

fitandcraft.com

[dvaltas]

There is a void space also almost in every page (contact, shop, card).

[Kyle – SUPPORT]

Looks good to me? If you are talking about the space between the header and the content, I’d say it looks better with it. If you want to remove it you can add:

.inner-page-wrap {
  margin-top: 0;
}

– Kyle

[dvaltas]

Thank you very much guys you were very helpful!!

[Kyle – SUPPORT]

No problem 🙂

– Kyle