Hi Nick,
We’ve installed WooCommerce on our new site and are trying to remove the feature where the product image features as the custom-header-image.
This CSS should help remove the custom header images from single products:
.single product .site-content {
padding: 10em 0 0;
}
.single-product .custom-header-image {
display: none;
}
The 10em value is for the spacing at the top of the content on those pages — it can be be changed to any value you feel is suitable.
Let me know how you get on.
Thanks Gemma – I gave it a go, but it doesn’t look right without the header image there. Also, the menubar is out of sorts then too.
Is there a way to prevent it sourcing the single-product image and using it as a random header? That would be ideal.
Cheers,
Nick
Hi Nick,
Is there a way to prevent it sourcing the single-product image and using it as a random header?
This is something you would need to speak to WooCommerce about. If you have a paid upgrade, there should be an option to open a support ticket from your dashboard on WooCommerce.com. If you don’t, the support forum will be the best place to post.
There may be a way to remove the code responsible for pulling in that particular image but they would be in a better position to tell you where that code can be found 🙂
