Página 1 de 2

Mudar Cor do Botão Comprar

Enviado: 26 Mar 2013, 18:00
por phlavio
Boa tarde, gostaria de saber como faço para alterar a cor do botão comprar para vermelho.


Obrigado.

Re: Mudar Cor do Botão Comprar

Enviado: 28 Mar 2013, 11:03
por mktweb
Isso você tem que alterar direto no CSS do seu tema, procure a segunte linha:
Código: Selecionar todos
/* button */
Onde contém a tag:
Código: Selecionar todos
background: url('../image/button.png') top left repeat-x;
Altere para:
Código: Selecionar todos
/*background: url('../image/button.png') top left repeat-x;*/
background-color: #FF0000
Com isso todos os botões aparecerão em vermelho.

Caso queira que somente o botão comprar apareça em vermelho, você precisa criar uma classe diferente para os botões e alterar para essa nova classe em todos os arquivos do template que o botão comprar aparece.

Espero ter te ajudado, lembre-se sempre de fazer o backup dos arquivos que você alterou.

Re: Mudar Cor do Botão Comprar

Enviado: 02 Abr 2013, 12:28
por phlavio
Mas onde fica qual o caminho desse arquivo que devo alterar.


Obrigado.

Re: Mudar Cor do Botão Comprar

Enviado: 02 Abr 2013, 13:40
por mktweb
Fica em catalog/view/theme/seu_tema/stylesheet/stylesheet.css

Se você estiver usando um tema, você deve alterar o "seu_tema" pelo nome do tema que está utilizando, caso use o padrão do OpenCart, altere para "default", encontre e edite as linhas que estão acima.

Qualquer coisa pode perguntar.

Re: Mudar Cor do Botão Comprar

Enviado: 02 Abr 2013, 22:29
por taxipack
Algem teria uma imagem legal para colocar no lugar da imagem do tema Default ???

Re: Mudar Cor do Botão Comprar

Enviado: 03 Abr 2013, 10:38
por phlavio
Ok Valeu pessoal, já consegui encontrar o caminho e fiz a alteração, porém já limpei os cookies do navegador e mesmo assim os botões não mostra com a cor que eu alterei.

Re: Mudar Cor do Botão Comprar

Enviado: 03 Abr 2013, 14:47
por mktweb
taxipack escreveu:Algem teria uma imagem legal para colocar no lugar da imagem do tema Default ???
Procura uma imagem na internet que se adapte ao seu tema, procura no google, ou no shutterstock.
phlavio escreveu:Ok Valeu pessoal, já consegui encontrar o caminho e fiz a alteração, porém já limpei os cookies do navegador e mesmo assim os botões não mostra com a cor que eu alterei.
Posta o endereço do site pra eu dar uma olhada no que está acontecendo.

Re: Mudar Cor do Botão Comprar

Enviado: 03 Abr 2013, 15:33
por phlavio
Blz agora consegui mudar a cor do botão para vermelho, mas quando eu coloco a seta sobre o botão ele fica azul como faço para alterar a cor nesse caso.


Obrigado.

Re: Mudar Cor do Botão Comprar

Enviado: 03 Abr 2013, 16:01
por mktweb
phlavio escreveu:Blz agora consegui mudar a cor do botão para vermelho, mas quando eu coloco a seta sobre o botão ele fica azul como faço para alterar a cor nesse caso.


Obrigado.
Procure essa linha:
Código: Selecionar todos
a.button:hover, input.button:hover {
	background: url('../image/button-active.png') repeat-x;
}
Altere para um código em vermelho diferente do que está na imagem inicial, se você quiser todos os códigos RGB, acessa esse link:
http://www.mxstudio.com.br/Conteudos/Dr ... /Cores.htm use a coluna do código HTML.

Acho que o mais ideal no seu caso é usar o #880000

Re: Mudar Cor do Botão Comprar

Enviado: 15 Jul 2013, 15:19
por manoetalk
Puxa! Esse tópico ja faz um tempinho, mas é o que procurava, noentanto, descobri que só é possivel mudar a cor do botão "COMPRAR" editando a figura do mesmo. Só que ao fazer isso, todos os botões ficaram da mesma cor do botão que editei.

Não consegui descobrir como mudar somente o botão comprar sem mudar os outros, apenar da dica acima, será que alguem pode me ajudar com um código?