Precisa encontrar uma maneira de criar uma imagem arredondada?
Se você já percebeu, alguns sites usam imagens arredondadas na página da equipe ou na página sobre. Abaixo da imagem arredondada, você geralmente vê os ícones sociais que apontam para as contas de mídia social de cada membro da equipe.
Descubra: Como instalar o Elementor no WordPress
Em Elementor, você também pode criar uma imagem arredondada como as da captura de tela acima. No entanto, Elementor não oferece nenhuma configuração de imagem específica para transformar uma imagem retangular/quadrada em uma imagem arredondada. Você precisa de um pequeno truque para criar uma imagem arredondada em Elementor.
Ao adicionar uma imagem no Elementor, você pode definir os valores do raio da borda. Para ter uma imagem no formato de um círculo, você pode definir os valores da borda para qualquer número, dependendo da dimensão da imagem.
dicas: Para obter uma imagem perfeitamente no formato de um círculo, você pode usar uma imagem quadrada em vez de um retângulo.
Vamos começar.
Leia também: Como adicionar um link de número de telefone no Elementor
Primeiro, adicione uma imagem arrastando o widget Imagem para a caixa de edição do Elementor e selecione uma imagem do seu computador.
Depois que a imagem for adicionada, vá para a guia Style para personalizá-lo. Conforme mencionado, para obter a imagem no formato de um círculo, você pode definir os valores para o raio da borda. Os valores variam dependendo do tamanho da sua imagem. Por exemplo, para uma imagem 800 × 800, você pode definir os valores para 260 (todos os cantos: superior, direito, inferior, esquerdo).
Além do raio da borda, existem várias outras configurações que você pode aplicar à sua imagem. O Elementor também permite que você defina o brilho, contraste, saturação e matiz de sua imagem. Você pode encontrar essas configurações clicando na opção Filtros CSS. Basta brincar com o painel esquerdo para descobrir que tipo de coisas você pode fazer com sua imagem.
Obtenha o Elementor Pro agora !!!
Conclusão
Aqui está ! É isso para este artigo. Se você tiver alguma dúvida sobre como criar uma seção de membro da equipe com Elementor, por favor fdeixe-nos saber no Comentários.
No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.
Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.
...
