Construa sites Belos WordPress usando Divi e Divi Builder

Como criar texto de gradiente no WordPress usando elementor

Muneeb Tutoriais do WordPress May 20, 2021

Criar textos de gradiente em seu site WordPress não só permite que ele pareça mais estético, mas também permite que você torne seu site muito mais baseado em temas. Especialmente para sites de moda e crianças, ele permite que você adicione glamour e cor ao seu site.

Com o Elementor, você tem opções ilimitadas de personalização e uma delas é criar um efeito gradiente para seus textos no site. Neste tutorial, entenderemos Como Criar Texto Gradiente no WordPress Usando Elementor.

Como criar texto de gradiente com elementor

O texto de gradiente fará com que seu site pareça mais chique e agradável aos olhos.

Para começar, crie uma seção interna para widgets.

Baixar Divi o melhor tema WordPress

O tema mais popular do WordPress no mundo e o Ultimate WordPress Page Builder

Download Divi

Em seguida, adicione um bloco de cabeça ou texto e digite o texto no qual deseja aplicar o gradiente. Para este tutorial, usaremos o bloco de títulos.

Dirija-se à guia avançada do painel Elementor e do painel Custom CSS.

Em seguida, para aplicar o gradiente, adicione o código dado abaixo no campo Personalizado CSS.

selector h2 {
    background-image: linear-gradient(to right,#463f64,#463f64, #e2285c, #e2285c);
    -webkit-background-clip: text;
    display: inline-block;
    padding: 14px;
    -webkit-text-fill-color: #00000000;
    font-family: 'Stay Out Regular';
}

O "h2" inicialmente mencionado é para o widget que estamos usando atualmente. É importante mudá-lo se você estiver usando algum outro widget.

Depois de terminar todas as configurações, publique para ver como ela se parece e, em seguida, faça as alterações, se necessário.

É assim que você cria texto gradiente no seu site wordpress com Elementor. Não deixe de nos acompanhar nos Facebook e Gorjeio para serem notificados sobre nossos posts.