Estou com um problema com a imagem de fundo do meu banner de boas-vindas.
Estou usando buckets S3 do Cloudflare R2 para armazenamento de objetos no site em questão.
Quando faço upload de uma imagem de fundo na seção de administração, ela aparece corretamente, se eu clicar para exibi-la em tamanho real, funciona. E se eu clicar com o botão direito e mostrar a imagem em uma nova aba, funciona e usando o URL do bucket público:
https://eufiles.technospider.com/original/1X/609c9563f4d8c7d229b495a2cb967782a63aa2df.jpeg
O que ele injeta no CSS, no entanto, é este URL:
https://exotics-unlimited.7100e60b936991e069a3230dc05d4976.r2.cloudflarestorage.com/original/1X/609c9563f4d8c7d229b495a2cb967782a63aa2df.jpeg
Tenho outro site que usa armazenamento local e a imagem de fundo do banner funciona corretamente.
Isso é um bug no código, ou estou fazendo algo errado?
Depois de investigar um pouco mais, parece que este CSS controla a imagem de fundo:
Se eu substituir manualmente o URL no inspetor, funciona.
Eu tentei substituir isso com:
.custom-search-banner-wrap .welcome-banner__wrap {
background-image: "eufiles.technospider.com/original/1X/609c9563f4d8c7d229b495a2cb967782a63aa2df.jpeg";
}
Mas isso não está funcionando. Ainda parece um bug.