Boa tarde. Gostaria de alterar as cores dos botões e do texto dos campos - Adicionar
Adiciona esse código CSS:
/*Altera cor do texto do botão*/
#listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar, .listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar {
color: #fff;
}
/*Altera cor do número de itens*/
input.qtde-carrinho {
background: #00bfff;
color: #fff;
}
/*Altera cor de fundo dos ícones*/
.quantity-button.quantity-up.botao-quantidade>i,
.quantity-button.quantity-down.botao-quantidade i {
background: #00bfff;
}
/*Altera cor dos ícones + e -*/
.fa-plus:before,
.fa-minus:before {
color: white
}
Vê se esse código resolve o problema:
.produto div.principal .acoes-produto .quantity-nav {
background: #00bfff;
right: 5px;
}
José está aparecendo algo estranho no canto do botão, nao identifiquei o que pode ser.
Gostaria de alterar para Branco tambem a quantidade.
Para alterar a cor da quantidade use esse código:
.produto div.principal .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho {
color: #fff;
}
Mas esse pedaço em branco no botão eu não estou conseguindo identificar.
O comando deu certinho José. Com relação ao pedaço branco eu notei que clicando em cima ele aumenta e diminui a quantidade José. Me parece algo relacionado aos botões + e -.
Descobri. São as setas do campo input. Por padrão ele exibe duas setas no canto dele, uma para aumentar o valor e outra para diminuir.
Para esconder isso é só acrescentar esse código:
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
Você é fera José. Mais uma vez muito obrigado.
Bom dia José.
Gostaria de alterar a cor do botão de variação dos produtos. Preciso fazer uma alteração para quando o cliente clicar no botão ele alterar para a cor azul. Atualmente ele altera para a cor preta.
Testa esse código:
.produto .atributos .atributo-comum ul li.active a {
border: solid 1px #00bfff;
background: #00bfff;
}
Boa tarde José.
Estou com outra dúvida. sem querer abusar. Na verdade, já fiz a alteração, mas quero mudar para ficar mais com cara da minha loja. Mas não sei onde eu fiz essa alteração. Pode me ajudar.
Preciso de ajuda em dois locais.
Para alterar a cor desse botão verde é só usar esse código:
.produto div.principal .acoes-produto .comprar .botao-comprar {
background: #ff0404;
}
Mas esses botões do formulário eu não encontrei. Em que página eles estão?
Segue caminho José:
José o botão fica com uma cor diferente.
O botão muda para vermelho após eu escolher as opções de variação do produto.
Eu gostaria de fazer mais uma alteração. Até coloquei um comando, mas ele funcionou pela metade. Eu quero retirar o fundo do coração Favorito.
Parece que o botão tem um efeito de opacidade quando está desativado. Tenta acrescentar esse código para ver se resolve:
/*Altera botão Comprar*/
.produto div.principal .acoes-produto .comprar .botao-comprar {
background: #ff0000;
}
/*Retira efeito de opacidade*/
.botao.desativo {
opacity: 1.0;
filter: alpha(opacity=100);
}
/*Retira fundo do coração de favoritar*/
a.lista-favoritos.fundo-principal.adicionar-favorito {
background: none;
}
E quanto aqueles dois botões, veja se esse código resolve:
/*Altera botão Fechar*/
#modalContato > form > div > div > div:nth-child(1) > div:nth-child(7) > div > a {
color: #fff !important;
border-radius: 2px;
border: 1px solid rgba(0,0,0,0.1);
border-bottom-color: rgba(0,0,0,0.2);
}
/*Altera botão Enviar*/
#modalContato > form > div > div > div:nth-child(1) > div:nth-child(7) > div > button {
color: #fff;
}
Ficou perfeito José. Obrigado mais uma vez.
Bom dia José. Pode me ajudar com uma dúvida. Tem um valor com a cor (Verde) que não estou encontrando onde faço a alteração,
Outro detalhe também. Abaixo do texto (disponível) tinha mais algumas informações.
(Disponibilidade: Imediata, Aproveite! E restam 2 dias)
Acredito que eu fiz algo errado e essas informações não estão mais aparecendo.