Adicionar uma imagem no menu lateral (Layout 9)
Com este CSS, você aplicará uma imagem de fundo do menu lateral do Layout 9. Aplique o código deste artigo seguindo as instruções abaixo:
1 – Abra o Construtor de Apps
2 – Vá para a 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.
.homepage-custom {
background-color: transparent;
}
.layout.l9 {
background-image: url("https://portalapper.sitesparresia.com//home/parresia/sitesparresiacom/sitesparresia.com/public_html/wp-content/uploads/sites/154/2018/03/Way.jpg");
background-position: center;
background-attachment: fixed;
background-color: transparent;
}
Para aplicar a imagem de fundo desejada, basta alterar a URL do “background-image: url” que esta entre parenteses.
Não há a necessidade que o tamanho da imagem seja exato, observe que usamos uma imagem 1440x1280px, e cada tela vai adequar a imagem, fique a vontade para realizar seus testes com a imagem desejada e no tamanho disponível.
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. 😉
