Woocommerce too much whitespace above products
-
Hello!
I’ve been struggling for a loong time with removing extra white space in the Storefront theme, and have gotten rid of most of it. But I have spent hours and hours trying to close a gap that’s below the Breadcrumbs and above the container where the product categories are listed. I did manage to remove most of the space on the individual product pages with this CSS:.single-product
.content .container .container_inner.default_template_holder {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
I’d like to take even more space out, but this is close enough.I’ve searched online and tried a BUNCH of recommended snippets but can’t get anything to work on the Product Category pages. I’ve already removed margins from the breadcrumbs, menu, and any other place I can think of. I don’t know enough to pick out where the extra space is coming from and what controls it. I most recently tried this:
.woocommerce .products ul, .woocommerce ul.products {
margin-top: 0 !important;
padding-top: 0 !important;
}It had no effect. Can anyone help me with a snippet that will do the job?
The website is Peakantlers.com. I’m using Storefront and a child theme that’s not terribly customized.
Thanks! -
Hi there,
It looks like you’re in the wrong forum. Since you’re using the open-source WordPress software and the WooCommerce plugin you need to seek help at these forums:
https://wordpress.org/support/forums/
https://wordpress.org/support/plugin/woocommerce
These forums are for WordPress.com hosted sites only. If you want to know more about the differences between WordPress.com and the WordPress software you can read this document:
-
- The topic ‘Woocommerce too much whitespace above products’ is closed to new replies.
WordPress.com Forums 