Hi there, my WooCommerce pages look great, but my products are a mess – there’s a huge amount of space below the header (see screenshot below).
I’m using a plugin to import Amazon.com products: I reached out to the plugin support team, and here’s their response:
“Since the white space appears on the front-end of your site, this is a theme issue. I took a look at your website and found out that your header is adding some useless space. You can fix it if you remove the height: 900px property from this CSS line: .single_template_6 .td-header-wrap”
Any thoughts on this?
You can override that with custom CSS in the custom css box of the theme panel.
Try adding some negative margin (e.g., margin-bottom:-40px with an !important tag).
If you don’t know how to write CSS, wait for response from TagDiv support. 🙂
I can do minor css tweaks, this one I feel is beyond me, partly because it needs to target a specific template … so it’s safer to wait. Thanks!
Hi,
Did you made any custom modification to the code? Normally woocommerce use owns template, I see that it is set also post template 6 class there and also is applied that css on it. If you made any custom modification to appear theme’s post templates in woocommece, you can change the post template to default.
Also if you think that helps you can try this custom css in Theme Panel > Custom CSS: http://screencast.com/t/7ggG3XGb2xOa
.woocommerce-page.single_template_6 .td-header-wrap{
height: 210px !important;
}
Thanks!!
Hi Alin,
I entered the custom CSS you suggested, and it took care of the problem – but if we could figure out what caused the problem to begin with, that would be better 🙂
1. I didn’t make any modifications. I do have template 6 set as my sitewide default for posts – obviously that’s affecting Woocommerce products, but that’s not my intention.
2. I used the same plugin I’m using here to import Amazon products with your Newspaper theme, and it worked great, so maybe there’s a conflict between the plugin and Newsmag?
If you want to log into the site and investigate further, that would be fine, or if you want to live well enough alone that’s okay too. One way or another, thanks for your assistance!
Sergio
Hi,
Then the issue is that you use post template 6 as default site wide. You can try to change it on default and see if you still have issues on shop pages. Or if you say that the css code solve the issue you can use it. That’s up to you, what you want to do.
Thanks!
