como faço para deixar o icone do whatsapp maior e dentro da caixo com contorno verde, alguém pode ajudar. o codigo que coloquei foi esse abaixo
BOTÃO COMPRAR WHATSAPP
/* comprar Whatsapp */
.botao-whatsapp {margin-top:6px;border: 1px solid;border-radius: 6px; border-color: #30a77e;}
.botao-whatsapp a {display:flex;align-items:center;justify-content:center;width: 100%;font-size: 13px;line-height: 18px;padding: 5px;}
.botao-whatsapp svg {width: 16px;height: 16px;margin-left: 5px; fill: #30a77e;}
.produto-detalhes .botao-whatsapp {box-shadow: 0 1px 4px 0 #b1b1b175;margin-top: 10px;}
.produto-detalhes .botao-whatsapp a {width:364px;}
1 curtida
bom dia amigo blz. no meu site ficou bom porem quando paso o mouse por cima o logo do whatsapp fica fora de centro. consegue ver pra mim segue meu site abaixo
wwwa.brindesdarroartes.com.br
aqui está mostrando corretamente:
1 curtida
somente para a página de categoria aplique esse CSS:
.botao-whatsapp a {
font-size: 12px !important;
}
de certo meu amigo a fonte que estava grande mesmo rsrsrs
e o codigo que usei foi esse abaixo
em HTML e loca de publicação no rodapé RODAPÉ.
.botao-whatsapp a {
/* comprar Whatsapp */
.botao-whatsapp {margin-top:6px;border:2px solid;border-radius: 6px; border-color: #30a77e; background-color: #ffffff; }
.botao-whatsapp a {display:flex;align-items:center;justify-content:center;width: 100%;font-size: 12px;line-height: 18px;padding: 9px;}
.botao-whatsapp svg {width: 16px;height: 16px;margin-left: 5px; fill: #30a77e;}
.produto-detalhes .botao-whatsapp {box-shadow: 0 1px 4px 0 #b1b1b175;margin-top: 10px;}
.produto-detalhes .botao-whatsapp a {width:364px;}
1 curtida
