Woocommerce Category Image Headings

We like the full screen category image headings. We removed the title text to just display the image by adding:

.title-size-small {
height: 500px;
}

.title-size-small .entry-title, .title-size-small h1 {
display: none;
}

Only problem is the headings load slow this way. Is there another way around this to show the full screen headings?

Hi,

Sorry, but what do you mean by headings load slow with this code? That CSS code simply hides the heading and can’t influence the loading speed.

Regards

I’m not sure why they are loading slow, but they are showing the black background and then loading. Anything we can do?

It is how the images are loaded in the web. It also may depend on your internet connection speed.

[Author]

Posts