Jump to content

[Resolvido] Alterar Cor Do Botão Comprar


Recommended Posts

Boa tarde para todos!
Alguém sabe dizer quais são os arquivos para alteração da cor dos botões de comprar, tanto na página inicial quanto na página do produto?
 

O botão comprar, por padrão, veio na cor azul e quando se passa o cursor do mouse sobre esse botão ele muda a posição da sombra. Gostaria de alterar a cor do botão, tanto ele estando lá parado quando se passa o cursor do mouse sobre ele. Se alguém puder me ajudar, agradeço muito.

 

Prestashop 1.6.0.14      tema padrão

Edited by Fabio Bomba (see edit history)
Link to comment
Share on other sites

Boa noite pessoal. Encontrei algumas coisas aqui. Deixei bem mastigadinho pra quem quiser testar. Espero ter contribuído com o fórum.

 

·         Alterar a cor do botão COMPRAR da página inicial

 

Themes > Default > CSS > Global.css

 

Linha 5924

 

background: linear-gradient(to bottom, #009ad0 0%, #007ab7 100%);

 

 

Altere o #009ad0; para a cor desejada e a parte de cima do botão mudará.

Altere o #007ab7; para a cor desejada e a parte de baixo do botão mudará.

 

###################################################################################################

 

·         Alterar a cor da borda do botão COMPRAR da página inicial

 

 

Themes > Default > CSS > Global.css

 

Linha 5915

 

border-color: #06b2e6;

 

Altere o #06b2e6; para a cor desejada e a borda mudará

 

###################################################################################################

 

·         Alterar a cor do botão COMPRAR da página do produto

 

Themes > Default > CSS > Product.css

Linha: 423

 

background-image: linear-gradient(#009ad0, #007ab7);

 

Altere o #009ad0 para a cor desejada e a parte de cima do botão mudará

Altere o #007ab7 para a cor desejada e a parte de baixo do botão mudará

 

###################################################################################################

 

·         Alterar a cor da borda do botão COMPRAR da página do produto

 

Themes > Default > CSS > Product.css

 

 

 

 

background-image: linear-gradient(#007ab7, #009ad0);

 

Altere o #007ab7 e #009ad0 para a cor desejada

 

Linhas 474, 475, 476, 477

 

border-top: 1px solid  #?;

border-right: 1px solid  #?;

border-left: 1px solid  #?;

border-bottom: 1px solid  #?;

 

Altere os #? para a cor desejada.

 

OBS: deixei como #? porque não lembro a cor que estava

 

##########################################################################################

 

·         Alterar a cor da borda do botão COMPRAR da página inicial

 

Themes > Default > CSS > Product.css

 

Linha 5912

 

border-color: #0079b6 #006fa8 #012740 #006fa8; }

 

Altere todos os valores (#0079b6  #006fa8  #012740  #006fa8) para a cor desejada

 

###################################################################################################

 

·         Alterar a cor da borda do botão COMPRAR da página inicial quando se passa o mouse por cima do botão

 

Themes > Default > CSS > Product.css

 

Linha 5928

 

border-color: #01314e #004b74 #0079b6 #004b74; }

 

Altere todos os valores (#01314e  #004b74  #0079b6  #004b74) para a cor desejada

 

###################################################################################################

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...