ElementsKit é o complemento Elementor compacto que vem com todos os recursos personalizáveis que você precisa para o seu site WordPress usando mais de 85 widgets, extensões e módulos ElementsKit. Isso inclui o widget de título de título Elementor que permite adicionar títulos personalizados às páginas do seu site WordPress.

Como mudar o estilo do título em um Elementor? #

Usando o Widget de título do ElementsKit você pode estilizar os títulos das páginas do WordPress da maneira que desejar. Para usar o widget, você precisa ter o Plug-in ElementsKit instalado no seu site WordPress. Depois disso, habilite o widget Título, configure os atributos do título do título Elementor e personalize o estilo do título. Leia esta documentação para aprender como usar o widget ElementsKit Heading para Elementor.

Etapa 1: ativar o widget de título #

Para usar o widget de título de título Elementor do ElementsKit, primeiro você deve habilitar o widget.

1. Vá para ElementsKit > Widgets do seu painel do WordPress.
2. Encontre o Widget de título e ative o widget.
3. Clique no SALVAR ALTERAÇÕES botão no canto superior direito.

Etapa 2: configurar o título do título no Elementor #

Agora abra o editor Elementor, então arrastar e soltar o widget Título do ElementsKit. Você pode configurar o título, o subtítulo, a descrição do título, o texto sombreado e o separador.

2.1 Título #

Na seção Título, 

1. Introduzir o Título do título. Você pode trazer o foco para uma parte do título colocando essa parte sob o colchete {}.
2. Adicione um URL Link para o título do título Elementor.
3. Selecione os Tag HTML do título (H1, H2, H3,…) para o título.

4. Habilitar Mostrar borda para exibir a borda ao lado do título do título. Ao ativar a borda do título, a opção Posição da borda aparecerá.
5. Escolha o título Posição da fronteira da opção dada: Começar ou Fim do título.
6. Habilite o Flutuar para a esquerda opção. Quando Float Left estiver habilitado, a opção Title Width aparecerá.
7. Depois disso, você pode ajustar Largura do título 

2.2 Legenda #

Para exibir legendas, primeiro ative o Mostrar subtítulo opção.

1. Digitar Subtítulo do título.
2. Definir Posição do subtítulo da opção dada: Antes do título e Depois do título.
3. Selecione os Tag HTML do subtítulo (H1, H2, H3,…) da opção dada.
4. Você pode ativar o Mostrar esboço opção. [Nota: Esta opção só funciona se o subtítulo da borda estiver desabilitado.]

Você também pode ativar Subtítulo da borda para exibir a borda ao redor da legenda. Ao ativar a borda da legenda, Mostrar contorno será desativado.

2.3 Descrição do Título #

Para exibir a descrição ao lado do título do título,

1. Habilite o Mostre a descrição recurso para o widget de título do título.
2. Introduzir o Descrição do título no respectivo campo.
3. Você pode ajustar o Largura Máxima para a descrição.

2.4 Texto Sombreado #

Para exibir um texto sombreado,

1. Habilite o Mostrar texto sombreado recurso.
2. Introduzir o Contexto da sombra.

2.5 Separador #

Para mostrar o separador de um título de título, 

1. Habilite o Mostrar separador recurso para o título do título Elementor.
2. Selecione os Estilo Separador das opções fornecidas: Pontilhado, Sólido, Sólido com Estrela, Sólido com Marcador e/ou Personalizado.
3. Colocou o Posição do Separador na parte superior do título, antes do título, depois do título ou na parte inferior do título.

Estilo de separador personalizado:

Quando você escolhe Estilo Separador para Personalizado, você pode escolher a imagem e o tamanho da imagem.

1. Selecione Estilo Separador para Personalizado.
2. Escolha a imagem da biblioteca de mídia.
3. Escolha o Tamanho da imagem tamanho da opção dada.

Etapa 3: personalize o estilo do widget do título do título #

Usando o widget de título de título do ElementsKit para Elementor, você pode personalizar o título, título em foco, subtítulo, descrição do título, separador e texto sombreado.

3.1 Geral #

Na seção Geral, defina o Alinhamento para a esquerda, para a direita ou para o centro.

3.2 Título #

Para personalizar o estilo do título no widget de título do título,

1. Selecione os Cor para o título.
2. Selecione os Cor do mouse para o título.
3. Ajustar Sombra de texto.
4. Definir Margem para o título do título.
5. Definir Tipografia.

Para o título Fronteira,

6. Ajustar Largura da borda.
7. Ajustar Altura da borda.
8. Colocou o Posição vertical.
9. Ajusta a Lacuna direita entre a borda e o texto do título.
10. Selecione os Tipo de plano de fundo para borda do título.

3.3 Título Focado #

Para personalizar um título em foco,

1. Selecione os Cor para o título em foco.
2. Escolher Cor do mouse para o título em foco.
3. Colocou o Tipografia.
4. Você pode definir um Cor da decoração do texto.
5. Opção para definir Sombra de texto também está disponível.
6. Definir Preenchimento para o título em foco.

Cor de fundo para título em foco:

[Nota: quando você ativa esse recurso, Usar preenchimento de texto recurso não estará disponível. Da mesma forma, quando o Preenchimento de texto estiver ativado, a cor de fundo do título em foco não estará disponível]

1. Habilite o Use cor de fundo no texto recurso.

Uma vez ativado, os seguintes recursos aparecerão:

2. Selecione os Tipo de plano de fundo.
3. Escolher Cor de fundo
4. Definir Raio da Fronteira para o plano de fundo do título em foco.

Preenchimento de texto para título em foco:

[Nota: Quando Cor de fundo do título em foco estiver ativado, esse recurso não aparecerá. Da mesma forma, quando Preenchimento de texto estiver ativado, a cor de fundo do título em foco não estará disponível]

5. Habilite o Usar preenchimento de texto recurso para título focado.

Uma vez ativado, os seguintes recursos aparecerão:

6. Selecione os Tipo de plano de fundo para preenchimento de texto.
7. Escolha o preenchimento do texto Cor.

3.4 Legenda #

Para personalizar os estilos de legenda,

1. Escolher Cor para legenda.
2. Colocou o Tipografia do texto da legenda.
3. Ajustar Margem para a legenda.
4. Ajustar Preenchimento para a legenda.

Preenchimento de texto para legenda:

5. Habilite o Usar preenchimento de texto recurso para legenda.

Uma vez ativado, os seguintes recursos aparecerão:

6. Selecione os Tipo de plano de fundo de Legenda.
7. Escolha o preenchimento do texto da legenda Cor

Esboço da legenda:

Você pode desenhar um contorno ao redor da legenda.

8. Selecione os Tipo de borda para o esboço da legenda.
9. Colocou o Largura do esboço.
10.  Escolha a borda Cor.
11. Ajusta a Raio do contorno para a legenda.

3.5 Descrição do Título #

Para personalizar a descrição do título,

1. Escolha o Título Descrição cor.
2. Colocou o Tipografia.
3. Ajusta a Margem para a descrição do título.

3.6 Separador #

Para o título Separador,

1. Ajuste o separador Largura.
2. Ajuste o separador Altura.
3. Definir Margem para separador.
4. Escolha um Cor do separador.

3.7 Texto Sombreado #

Para personalizar o estilo de sombra do texto,

1. Ajusta a Posição de Texto Sombra.
2. Colocou o Tipografia.
3. Escolha a sombra Cor do texto.
4. Ajustar Largura da borda.
5. Escolha um Cor da borda para texto de sombra.

É sobre isso. Agora você pode finalmente adicionar um título de título elegante e personalizável no Elementor com subtítulos, descrições e texto sombreado, usando o widget Elementskit Heading.