Efeito vidro nos campos do formulário
(Adicione um efeito vidro aos campos do formulário no Elementor) (Adicione o código no Custom CSS no Container que deseja aplicar o efeito) selector .elementor-field { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
Borda degrade arredondada
(Adicione uma borda degradê arredondada a um elemento no Elementor) (Adicione o código no Custom CSS no Container que deseja aplicar o efeito) selector { z-index: 1; position: relative; /* Certifica-se de que o seletor tenha um contexto de posição */ } selector:before { content: “”; position: absolute; z-index: 1000; top: 0; left: 0; right: […]
Clip-Path
(Adicione um efeito clip-path ao elemento no Elementor) (Adicione o código no Custom CSS no carrossel que deseja aplicar o efeito) selector::before { content: “”; position: absolute; border-radius: inherit; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #ffffff; width: calc(100% – 2px); height: calc(100% – 2px); z-index: -1; clip-path: polygon(44.8527px 0.518555px, 0px 125.115px, 0px calc(100% […]
Borda degradê
(Adicione uma borda degradê no Elementor) (Adicione o código no Custom CSS no Container que deseja aplicar o efeito) selector { border: 1px solid; border-image: linear-gradient(137deg, #40D1E8 0%, #0095FF 73.97%) 1; border-left: 0px; border-bottom: 0px; border-right: 0px; }
Controlar Sombra
(Controle a sombra de um elemento no Elementor) (Adicione o código no Custom CSS no Container que deseja aplicar o efeito) selector { /* Ajuste o offset-x, offset-y, blur-radius e spread-radius para corresponder ao efeito de sombra desejado */box-shadow: 11px 8px 9px 0px rgba(0, 0, 0, 0.3); }
Degradê na borda horizontal
(Adicione um degradê na borda horizontal no Elementor) (Adicione o código no Custom CSS no Container que deseja aplicar o efeito) selector:before { content: “”; position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; padding: 1px; border-radius: 15px; background: linear-gradient(100.11deg, rgba(0, 0, 0, 0) 6.04%, #F3578E 102.75%); -webkit-mask: linear-gradient(#fff 0 0) content-box, […]
Card Neon com Brilho
(Faça seu card com neon com efeito de brilho) (Cole o código dentro do Custom CSS do container e personalize com suas cores) selector{ –first-color: #5ddcff; –second-color: #3c67e3; –third-color: #4e00c2; } @property –rotate { syntax: “”; initial-value: 132deg; inherits: false; } selector::before, selector::after{ opacity: 0; content: “”; transition: all 0.5s ease-in-out; } selector:hover::before, selector:hover::after{ position: […]
Colocar favicon diferente em cada página
(Defina favicons diferentes para cada página no WordPress) (Vá em Aparência > Editor de arquivos de tema > functions.php e acrescente a função acima na última linha do arquivo.) add_filter( ‘get_site_icon_url’, ‘atw_filter_favicon2’, 10, 3 ); function atw_filter_favicon2($url, $size, $blog_id) { global $post; if ( is_page(‘NUMERO DA PAGINA AQUI’) ) { $url = ‘URL DO FAVICON […]
Tabs Flex Mobile
(Para ajustar as abas (tabs) para que utilizem flexbox em dispositivos móveis no Elementor) (Adicione esse código no Custom CSS do tabs) selector .e-collapse { display: none !important; } selector .e-n-tabs-heading { display: flex !important; }
