CSS para inserir uma imagem personalizada de fundo em todos os recursos
Para inserir a imagem personalizada de fundo (inclusive que inclua o fundo do cabeçalho) de todos os recursos do seu aplicativo, aplique o código deste artigo seguindo as instruções abaixo:
1 – Abra o Construtor de Apps
Importante: Vá na seção DESIGN, deixe desmarcado a caixa de seleção “Use a imagem da Homepage como plano de fundo em todos os recursos”. Em seguida, vá na seção CORES e defina como “0” (zero) a opacidade do “GERAL – Plano de fundo” e CABEÇALHO – Plano de fundo e Borda (com exceção de Texto).
2 – Continue na sessão CORES.
3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA.
4 – Cole o código abaixo (exatamente como esta) no campo em branco.
Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.
.pane {
background-image: url("SUA_URL_DA_IMAGEM");
background-size: cover;
}
5 – Salve.
6 – Verifique o resultado no simulador ao lado.
Obs. Se caso não houver mudança imediata, por favor clique em F5 ou Ctrl+F5 para atualizar a página e verifique novamente. Se mesmo assim o efeito não estiver ocorrendo verifique o código novamente e salve.
Pronto. 😉
