CSS

É possivel trocar o marcado de um item de uma lista, usando apenas o CSS. Nativamente, não é possivel adicionar cor apenas a este marcador. Você deve editar a cor do texto todo, ou usar uma imagem. Neste artigo, vou mostrar como substituir com uma imagem. Segue código abaixo: No código acima, você pode subir […] ... Continue a ler.

A Largura do conteúdo maxima de um container (seção) principal do Elementor é de 1216px, podendo ser ajustada até 1600px via controle lateral. Porem, uma largura configurada com “boxed” no Elementor, nativamente, entra com 1216px de largura. ... Continue a ler.

Neste artigo vou mostrar de maneira rápida um código que pode ser usado para criar uma tela de preload, que irá aparecer antes do carregamento total da pagina. Com o código abaixo, é possível adicionar em sites WordPress, que estão usando o plugin Elementor com o tema Hello Elementor. Porem, você pode adaptar facilmente o […] ... Continue a ler.

É possível personalizar a barra de rolagem da maioria dos navegadores modernos, como é o caso do Google Chrome, apenas aplicando um trecho de código CSS em seu site ou pagina. OBS: O código abaixo não funciona no mozilla firefox. Caso queira personalizar apenas uma DIV ou lista especifica da pagina, para evitar que ela […] ... Continue a ler.

Com este código, é possível criar o efeito de slide, em qualquer bloco HTML apenas com CSS. Este código funciona bem para dispositivos mobile, que possibilita ao usuário, “rolar” a div para a horizontal com o dedo. Porem, para desktop, fica um pouco limitado o uso de “rolar para a horizontal”, mas ainda sim o […] ... Continue a ler.

Para ajustar a largura e altura de uma imagem dentro de um container de tamanho especifico, opte em usar o recurso object-fit, como no exemplo abaixo: Veja exemplos reais do uso acessando: https://www.w3schools.com/css/css3_object-fit.asp ... Continue a ler.

... Continue a ler.

Com o código abaixo você consegue deixar um objeto flutuando infinitamente, apenas aplicando a class efeito-flutuante-infinito O código acima foi inspirado na publicação https://www.alanrezende.com.br/como-criar-uma-animacao-flutuante-em-css-e-utilizar-em-imagens-e-botoes-no-elementor/ Veja também: Caso queira apenas que o objeto flutue ao passar o mouse, você pode optar por este outro código: https://bruno.art.br/blog/efeito-flutuante-ao-passar-o-mouse-em-objeto-com-css/ ... Continue a ler.

O CodeMirror Blocks é um plugin para WordPress que possibilita que você publique códigos de diferentes formatos, e eles sejam exibidos na pagina sem a sua execução. CodeMirror Blocks é útil para blog de desenvolvedores, site de tutorial onde exibir código formatado (destacado) de qualquer programa.Ele suporta mais de 100 linguagens de programação, script e […] ... Continue a ler.