Executando verificação de segurança...
1
zDnA
1 min de leitura ·

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.

Carregando publicação patrocinada...
1

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.

1