Dúvida - Wordpress - Elementor - Background
Pessoal, boa tarde!
Estou realizando um projeto no elementor, onde preciso adicionar mais de um Background a uma section, ou seja, deve-se no inicio da section ter um background com uma imagem e os texto e logo abaixo na mesma section um outro background com imagem diferente e seus conteudos.
Meu primeiro pensamento foi criar uma nova section pedindo para ocupar a largura total do browser aplicar a imagem e preencher aquela section, dar position Absolute e ajustar atras.
Esse método a principio funcionou, porém em resoluções por exemplo 21:9 o background simplesmente está delimitado, ou seja, ele não se expande fica com a resolução de 16:9 ainda.
Alguém teria uma outra alternativa para resolver o problema e fazer com que o background sempre acompanhe a proporção da tela?
Em cenários menores, como Mobile, o Background se ajusta, mas em cenários maiores a imagem se torna estática e não se expande. Alguém teria uma sugestão de como poderia ser resolvido?^
OBS: Não seria possível aplicar varías section para aplicar varios Backgrounds as sections criadas.
Desde já, obrigado.
Não sabia que tinha até essas dúvidas aqui rsrs
Vamos lá...
Meu caro, a resposta é: não tem saída bacana pra isso. Se você quer colocar uma imagem, vai gerar um problema: tamanho (carregamento dela, já que ela vai se repetir por várias seções e outras não). Isso vai gerar um site com demora no carregamento.
Se quer imagem é o padrão 1920 px de largura por altura variável. Os PCs 21:9 (pequeníssima minoria) ficarão de fora, por serem muito específico mesmo. Uma vez que pra tela pequena você tem como configurar por lá. Mas pra telas grandes em 16:9 e 21:9 não tem como configurar diferenciação (limitação básica dos sistemas responsivos).
Até onde eu sei é assim.
Saída:
Complexa: jogar uma imagem até 21:9 em svg (dependendo do tamanho vai se ajustar), mas pra fazer imagem tem que ser desgin fera, pra gerar algo leve e bonito ao mesmo tempo.
Simples: use um bom, belo e moral gradientes de cores. Que vai se ajustar a tudo. Crie um padrão diferente para as seções. Ok!
Combinação das duas opções: Criar um padrão de background com gradientes + um desenho estilizado em svg para diferenciar as seções que gostaria de ter.
Eu vejo assim. Questões de imagens, sempre vai ter esse problema.
... Te dá valor.