Organize e compartilhe seus snippets de código

1. Não precisa definir classe
2. Adicione o código abaixo no CSS personalizado

1. Adicione em qualquer elemento, geralmente uso no contêiner pai da seção.
2. Suba o SVG no WordPress e coloque o link no content, onde está escrito LINK-AQUI
3. Não precisa adicionar classe

• Fica interessante tanto como Luz, quanto background.

1. Não precisa definir classe
2. Adicione o código abaixo no CSS personalizado de um único widget

1. Adicione em qualquer elemento, geralmente uso no contêiner pai da seção.
2. Não precisa adicionar classe

1. Adicione as classes "card" e "media-object" no container que irá receber o efeito
2. Adicione o código abaixo no CSS personalizado no container
3. Altere a largura e a altura mínima pelo painel do Elementor

1. Não precisa definir classe
2. Adicione o código abaixo no CSS personalizado de um único widget

1. Suba o SVG da textura na galeria e coloque o link entre as aspas do código abaixo
2. não precisa definir classe
3. Adicione o código abaixo no CSS personalizado de um único widget

1. Não precisa definir classe
2. Adicione o código abaixo no CSS personalizado de um único widget
3. Para adicionar a vários widgets, retire o selector de cada seletor

1. Não precisa definir classe ao botão
2. Adicione o código abaixo no CSS personalizado de um único widget

1. Não precisa definir classe ao botão
2. Adicione o código abaixo no CSS personalizado

1. Adicione a classe button ao botão
2. Adicione o código abaixo no CSS personalizado de um único widget

1. Não precisa definir classe ao botão
2. Adicione o código abaixo no CSS personalizado de um único widget

1. Defina a classe btn-13 ao botão
2. Adicione o código abaixo no CSS personalizado de um único widget

1. Adicione a classe btn-5 ao botão
2. Adicione o código abaixo no CSS personalizado de um único widget

1. Adicione a classe btn ao botão
2. Adicione o código abaixo no CSS personalizado de um único widget

1. Defina a classe “btn12” ao botão
2. A visualização no editor normalmente não funciona
3. Adicione o código abaixo no CSS personalizado de um único widget

1. Defina a classe “btn” ao botão
2. Alterar cor do texto no hover pelo elementor
3. Adicione o código abaixo no CSS personalizado de um único widget

1. Adicione a classe button ao botão
2. Adicione o código abaixo no CSS personalizado de um único widget

1. Defina a classe “btn9” ao botão
2. Retire o texto do botão no painel do elementor, o texto será inserido pelo código
3. Adicione o código abaixo no CSS personalizado de um único widget

1. Adicione a classe btn ao botão
2. Adicione o código abaixo no CSS personalizado de um único widget

1. Defina a classe bth ao botão
2. Adicione o código abaixo no CSS personalizado de um único widget
3. para adicionar a vários widgets, retire o “.bth” do código, e no svg, mude a classe para selector, mas sem o .

1. Será feito totalmente no código, utilizando um widget HTML.
2. Adicione o código abaixo no conteúdo do widget HTML que fará o botão e mude o link entre as aspas para o link do seu botão

1. Adicione a classe btn ao botão
2. modifique o padding do css conforme o padding do botão
3. Adicione o código abaixo no CSS personalizado de um único widget

OBS: É USADO UM WIDGET DE IMAGEM AO LADO DO BOTÃO - NÃO É O ÍCONE DENTRO DO BOTÃO