Blue Background Image Header

[Karl Jones]

Hello there,

Does anybody else have the issue with the blue background being loaded before the headers? This seems to be slowing me website and is pointless as I have my own image anyway. Is there a way to stop this?

Hasse

[Andre Flores]

Hello Karl,

The blue background is displayed until the header image is loaded. It may happen that the header image size is too large, which takes more time to have it loaded – therefore you see the blue background for a while.
As an option you may override the header settings by having the header image displayed right away – add the following code under Appearance ->Customize ->Additional CSS:

.site-header-wrapper.custom-image-bg {
	background: url("YOUR_IMAGE_URL_GOES_HERE") !important;
}

Regards,
Andre

[Karl Jones]

Hi Andre,
When I put that code in my background seem to fully dissapear – not the blue background.

[Andre Flores]

Hello Karl,

Make sure the URL to the image you are using is valid – open it in the address bar and check whether you can view the image. If this does not work, submit your request to our Help Desk, so we take a closer look at the issue.

Regards,
Andre

[Author]

Posts