CSS para Alternar Cores de Fundo em Itens de Listing grid

Esse código é uma regra de estilo em CSS que aplica cores de fundo alternadas a itens de listagem em uma página HTML. Essas regras são aplicadas aos elementos HTML com a classe .jet-listing-grid__item. A primeira regra, .jet-listing-grid__item:nth-child(odd), seleciona todos os itens de listagem com índice ímpar (1º, 3º, 5º, etc.) e aplica a cor […]

Ajusta o tamanho das imagens via css

Este código CSS irá selecionar todas as imagens dentro do elemento com a classe “selector” e aplicar a largura e altura especificadas. A propriedade “object-fit: cover” garante que a imagem se adapte ao tamanho do elemento sem distorcer suas proporções. Também há uma regra de mídia que, quando a largura da tela é menor do […]

Bloquia, click, seleção no input

Esse código CSS define um seletor que desabilita o evento de ponteiro (pointer event) para o elemento selecionado. O evento de ponteiro é responsável por detectar interações do usuário com o cursor, como cliques, hover e arrastar. Ao aplicar “pointer-events: none” para um elemento, ele se torna inativo, e não pode ser clicado ou interagido […]

Bloquear seleção de texto via css

“user-select: none;” é uma propriedade CSS que especifica como o navegador deve controlar a seleção de texto pelo usuário. Quando definido como “none”, impede que o usuário selecione o texto dentro do elemento selecionado pelo seletor. Isso é útil para evitar que o usuário copie ou selecione informações sensíveis ou não desejadas. É importante notar […]

Setas com Fundo Redondo – Listing Slider Jet

Esse código é um trecho de CSS que define as propriedades de estilo para os ícones de seta anterior e próximo em um componente do listing grid. A primeira linha seleciona o elemento com a classe “prev-arrow” dentro de um elemento com classe “jet-listing-grid__slider-icon” e aplica-lhe um border-radius de 25px. A segunda linha faz o […]

Scroll Horizontal

Esse código é CSS e está aplicando estilos a um elemento HTML com a tag “ul” dentro de um elemento com a classe ou id “selector”. Ele está configurando a exibição como flexível, impedindo que as linhas se quebrem e que a barra de rolagem apareça no navegador Chrome.

Remove Outline do tema Hello

*:focus { outline: 0 !important; box-shadow: 0 0 0 .2rem #fff, } – Aqui estamos definindo o estilo para qualquer elemento que esteja atualmente sendo focado. Estamos redefinindo o estilo padrão do “outline” para 0, o que o torna invísivel, e adicionando uma sombra externa (box-shadow) branca com uma largura de 0,0,0 e um raio […]