Nesse vídeo eu te ensino alcançar alguns efeitos no Elementor usando truques de CSS, são códigos simples e fáceis de executar.
Se você quer trazer um diferencial para os seus trabalhos, inevitavelmente você vai precisar usar um pouco de CSS.
Nesse vídeo eu te mostro 3 truques de CSS para Elementor dar um up nas suas páginas:
- Truque 1: com personalizar botões das suas páginas com css
- Truque 2: como aplicar destaques no texto e fazer headlines com uma parte do texto destacado
- Truque 3: como tornar responsivo o widget de caixa de Imagem na versão do celular.
→ LINKS IMPORTANTES
👨🏻🎨 Elementor PRO: Licença ORIGINAL e Barata – https://elementortemplates.com.br/elementor-pro
🎨 Acervo de Templates para Elementor: https://elementortemplates.com.br/acervo-de-templates
☁️ Hospedagem com Desconto – https://hostinger.com.br/pnp
Cupom de desconto: PNP
💻 TREINAMENTO COMPLETO: https://paginasnapratica.com.br/treinamento
Botão Degradê
#btn-cta {
background: rgb(23,131,133);
background: linear-gradient(90deg, rgba(23,131,133,1) 0%, rgba(122,199,242,1) 49%, rgba(6,220,231,1) 100%);
}
Destaque no título
destaque {
font-family: Cookie, Sans-Serif;
font-size: 52px;
background-color: background: rgb(23,131,133);
background: linear-gradient(90deg, rgba(23,131,133,1) 0%, rgba(122,199,242,1) 49%, rgba(6,220,231,1) 100%);
padding: 2px;
color: #fff;
font-weight: 400;
}
Alinhamento à esquerda no celular - Caixa de Imagem
@media(max-width:767px) {
.elementor-widget-image-box .elementor-image-box-wrapper {
display: flex;
text-align: start;
}
}
