Posts

WP Dark Mode – Como inverter as cores da logomarca com CSS utilizando filter:invert

,

Com o WP Dark Mode instalado e ativado, será possível alterar parte do layout utilizando a classe ” .wp-dark-mode-active “, inclusive imagens.

No caso da logomarca, utiliza-se quase sempre a classe “.logo” ou “.custom-logo” para representar a sua logomarca.

Descubra a classe que representa a sua logomarca e insira o seguinte CSS:

.wp-dark-mode-active .custom-logo {filter: invert(75%);}

O atributo “filter: invert” deve ficar entre 45% a 75% para obter um resultado satisfatório na inversão de cores.

/0 Comentários/por

CSS Minify – Para que serve e algumas formas de fazer

,

Minificação de CSS (CSS minify) é o processo de minimizar o código e marcações em suas páginas da web. É um dos principais métodos usados ​​para reduzir o tempo de carregamento e o uso de largura de banda em sites. A minificação melhora consideravelmente a velocidade e a acessibilidade do site, traduzindo-se diretamente em uma melhor experiência do usuário. Também é benéfico para os usuários que acessam seu site por meio de um plano de dados limitado e que desejam economizar no uso de largura de banda enquanto navegam na web.

Ferramentas para minimizar o código CSS

Você pode experimentar uma ferramenta para minimizar o CSS neste site clicando aqui ou pelo toptal.com clicando aqui.

/0 Comentários/por