Blue Background Image Header

  • This topic has 3 replies, 2 voices, and was last updated 1 year ago by Andre Flores.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1034378
    Karl Jones
    Participant

    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?

    First-Contentful-Paint

    Hasse

    #1034470
    Andre Flores
    Moderator

    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

    #1034623
    Karl Jones
    Participant

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

    #1035262
    Andre Flores
    Moderator

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.