Boa tarde. Gostaria de fazer uma alteração no botão Saiba Mais da minha loja.
Eu consegui alterar o tamanho da fonte das letras e do botão. Porem quando eu passo o mouse em cima do botão ele fica pequeno. Gostaria de manter o tamanho.
Boa noite. Para alterar o botão quando o mouse está por cima dele basta acrescentar o comando “:hover” no final do elemento CSS:
.sobre-loja-rodape a:hover {
border: solid 5px #FF0000;
font-size: 16px;
}
Estou usando esse comando:
/botão saiba mais/
.sobre-loja-rodape a {
color: #ffffff;
border: solid 5px #FF0000;
background: #FF0000;
font-size: 16px;
}
.sobre-loja-rodape a:hover {
color: #FF0000;
border: solid 5px #FF0000;
font-size: 16px;
}
Quando eu passo o Mouse em cima ele muda para Branco. Gostaria que permanecesse Vermelho.
Nesse caso é só acrescentar o comando “background” ao seu CSS, mas você também vai ter que trocar o “color”, ou o fundo e as letras vão ficar da mesma cor:
.sobre-loja-rodape a:hover {
color: COR_DA_LETRA;
background: #FF0000 /*COR DO BOTÃO*/;
border: solid 5px #FF0000;
font-size: 16px;
}
3 curtidas
Bom dia José. Ficou perfeito. Obrigado. Pode me ajudar em mais uma alteração.
Após clicar nesse botão a próxima pagina gostaria de alterar a cor do texto sobre nos.
1 curtida
Se você quiser trocar só a cor, use esse código CSS:
#corpo > div > div.secao-principal.row-fluid.sem-coluna > div > div > h1 {
color: COR_DA_LETRA;
}
Ficou ótimo. Obrigado José.
2 curtidas
Olá!! Estou com a mesma dúvida da colega. No entanto, ao realizar os procedimentos, quando inseri o background e border, as cores deram certo no botão saiba mais, só que deu o efeito de background e border no meu logotipo que fica na mesma linha do saiba mais. Como posso fazer para aplicar somente no botão saiba mais?