Categorias: CSS

Tags: Cabeçalho

Ícones Sociais do Menu Secundário

Escrito por Amanda de Lavra

20 de março de 2023
Ao usar o cabeçalho padrão do Divi, os ícones sociais estão aparecendo alinhados à esquerda e não ficam centralizados verticalmente no menu secundário. Segue código CSS para os ajustes básicos nos ícones sociais:
/*Ícones Sociais - Cabeçalho*/
#et-info .et-social-icons {
	display: none !important;
}
#et-secondary-menu .et_duplicate_social_icons {
	display: block !important;
}
#top-header .et-social-icons li {
	margin-top: -0.75em;
}
.et-social-icon {
	background-color: rgba(0, 0, 0, 0.1);
	padding: 8px;
	border-radius: 100%;
}

Posts relacionados

Customizações da página de login e painel administrativo do WordPress

Customizações da página de login e painel administrativo do WordPress

Para todo o site que eu faço, personalizo a página de login e também o wp-admin para ficar com a marca do cliente. Recentemente, aperfeiçoei o código para que o login ficasse no meio da página, tanto verticalmente quanto horizontalmente. Segue código usado aqui neste...

Botão Leia Mais no Elementor

Botão Leia Mais no Elementor

O site do cliente tinham alguns textos que eram muito extensos e, num layout de coluna, variavam muito de tamanho. Decidi adaptar o que já havia feito no Divi, ao incluir um botão Leia Mais (https://blog.amandadelavra.com.br/modulo-texto-com-botao-leia-mais/), mas...

Como manter a proporção de um elemento com CSS

Como manter a proporção de um elemento com CSS

Me pediram para colocar um elemento flutuante no site com o preço de cada produto. Como os preços variam de acordo com o produto, eu não podia ajustar com padding apenas para que ficasse redondinho na proporção 1:1. Para isso, usei a propriedade do CSS aspect-ratio....