Lodestar WooCommerce Custom Header Image Issue

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 ??