Personalização de Botões no Elementor

CSSEstilo
O código fornecido oferece uma maneira de personalizar o tamanho do ícone e o alinhamento do conteúdo de botões no Elementor do WordPress. O primeiro bloco de código ajusta o tamanho do ícone, enquanto o segundo bloco de código centraliza o conteúdo do botão verticalmente.

Como instalar

  1. Substitua selector pelo seletor CSS que corresponde ao elemento HTML que você deseja estilizar no Elementor.
  2. Copie e cole o código fornecido entre as tags <style> e </style> no cabeçalho do seu documento HTML ou em um arquivo CSS externo.
  3. Certifique-se de que os seletores usados estão corretamente apontando para os elementos desejados no Elementor.

Explicando o código

  • No primeiro bloco de código:
    1. selector .elementor-button-icon i:before{ font-size: 30px; } – Aumenta o tamanho da fonte do ícone no botão do Elementor para 30 pixels.
  • No segundo bloco de código:
    1. .elementor-button-content-wrapper{ align-items: center } – Alinha o conteúdo do botão verticalmente ao centro.

Códigos

CSS

				
					.lab1_selector .elementor-button-icon i:before{
    font-size: 30px;
}

.elementor-button-content-wrapper{
    align-items: center;
}

				
			

Relacionados

Efeito de Brilho em Botão do Elementor

Este código CSS aplica um efeito de brilho...
CSSEstilo

Efeito de Gradiente Animado no Botão

Este código CSS é usado para adicionar um...
CSSPersonalização

Adicionando Bordas ao Texto com CSS

O código é utilizado para adicionar bordas ao...
CSSPersonalização

Fale com a Lab1