Jump to content

Recommended Posts

Bom dia, estou precisando alterar essas cores pra uma cor rgb que eu tenho aqui, como consigo fazer isso?

 

 

 

m3IRhQr.png

Share this post


Link to post
Share on other sites

As cores vc. altera no ficheiro global.css do seu tema (/themes/seutema/css/global.css). Após alterar, nao esqueca de deletar smarty cache e browser cache.

 

Background do "ligue-nos":  header .nav, background.

barra carrinho: .shopping_cart, color

container do footer: https://www.prestashop.com/forums/topic/344453-como-mudar-cor-do-display-do-rodap%C3%A9/?hl=%2Bcor+%2Bfooter&do=findComment&comment=1736688

 

barra do newsletter: é uma imagem e vc. terá que alterar a cor da barra desta imagem (footer_bg.png). A imagem vc. encontra no seu tema na pasta /img (themes/seutema/img)

Share this post


Link to post
Share on other sites

As cores vc. altera no ficheiro global.css do seu tema (/themes/seutema/css/global.css). Após alterar, nao esqueca de deletar smarty cache e browser cache.

 

Background do "ligue-nos":  header .nav, background.

barra carrinho: .shopping_cart, color

container do footer: https://www.prestashop.com/forums/topic/344453-como-mudar-cor-do-display-do-rodap%C3%A9/?hl=%2Bcor+%2Bfooter&do=findComment&comment=1736688

 

barra do newsletter: é uma imagem e vc. terá que alterar a cor da barra desta imagem (footer_bg.png). A imagem vc. encontra no seu tema na pasta /img (themes/seutema/img)

 

Em qual linha eu encontro esse "As cores vc. altera no ficheiro global.css do seu tema (/themes/seutema/css/global.css). Após alterar, nao esqueca de deletar smarty cache e browser cache."

 

qual linha tenho que alterar pra mudar as cores?

Share this post


Link to post
Share on other sites

Eu coloquei aonde vc. encontra (header .nav, background, .shopping_cart, color)

 

 

Use a procura do seu editor, pois as linhas podem diferir de editor por editor. Além do mais vc. pode usar o firebug para localizar e alterar qualquer linha que quiser com este tool de análise. Sugiro que instale.

Share this post


Link to post
Share on other sites

Eu coloquei aonde vc. encontra (header .nav, background, .shopping_cart, color)

 

 

Use a procura do seu editor, pois as linhas podem diferir de editor por editor. Além do mais vc. pode usar o firebug para localizar e alterar qualquer linha que quiser com este tool de análise. Sugiro que instale.

 

sei que vai parecer bobagem o que vou perguntar porem, sou novo no presta e ainda estou caminhando kkk, onde eu apago  o cache e deleto o smarty? obrigado pela paciência em cara, obrigado e fica com Deus

 

 

** quando eu busco por background e color aparece varios, é pra alterar todos?**

Edited by Sr.Corleone (see edit history)

Share this post


Link to post
Share on other sites

Depende de qual quer alterar. .xxxx, media é para o tema móvel. sem media é para desktop.background nao é igual background. Vc. terá que brincar com a alteracao, para ver se lhe serve. Teste também em dispositivos móveis. pois o global.css, como já diz o nome, é global, ou seja aplica para tudo e todos.

Share this post


Link to post
Share on other sites

Depende de qual quer alterar. .xxxx, media é para o tema móvel. sem media é para desktop.background nao é igual background. Vc. terá que brincar com a alteracao, para ver se lhe serve. Teste também em dispositivos móveis. pois o global.css, como já diz o nome, é global, ou seja aplica para tudo e todos.

 

Porem eu só quero alterar o que mandei o print, será que voce sabe em qual linha especifica eu altero? to ferrado kk

Share this post


Link to post
Share on other sites

Background do "ligue-nos":  header .nav, background.

barra carrinho: .shopping_cart, color

container do footer: https://www.prestashop.com/forums/topic/344453-como-mudar-cor-do-display-do-rodap%C3%A9/?hl=%2Bcor+%2Bfooter&do=findComment&comment=1736688

 

barra do newsletter: é uma imagem e vc. terá que alterar a cor da barra desta imagem (footer_bg.png). A imagem vc. encontra no seu tema na pasta /img (themes/seutema/img)

Share this post


Link to post
Share on other sites

 

Background do "ligue-nos":  header .nav, background.

barra carrinho: .shopping_cart, color

container do footer: https://www.prestashop.com/forums/topic/344453-como-mudar-cor-do-display-do-rodap%C3%A9/?hl=%2Bcor+%2Bfooter&do=findComment&comment=1736688

 

barra do newsletter: é uma imagem e vc. terá que alterar a cor da barra desta imagem (footer_bg.png). A imagem vc. encontra no seu tema na pasta /img (themes/seutema/img)

 

 

Isso eu consegui mudar o header .nav e o .shopping_cart porem o background e o color tem em muitas linhas

Share this post


Link to post
Share on other sites

somente o background imediatamente após header .nav é que é responsável pelo header nav. O mesmo para o color. Somente o comando exatamente após é que é responsável. Ele lógicamente pode estar umas linhas depois, mas deve estar dentro do bloco que se abre com .xxxx ou entao #. Isto sao básicos css...

 

A linha para a navegacao no header:

header .nav {
    background: #333; }

altere para o que quiser:

header .nav {
    background: #088A29; }

fica na cor verde.

Share this post


Link to post
Share on other sites

somente o background imediatamente após header .nav é que é responsável pelo header nav. O mesmo para o color. Somente o comando exatamente após é que é responsável. Ele lógicamente pode estar umas linhas depois, mas deve estar dentro do bloco que se abre com .xxxx ou entao #. Isto sao básicos css...

 

A linha para a navegacao no header:

header .nav {
    background: #333; }

altere para o que quiser:

header .nav {
    background: #088A29; }

fica na cor verde.

 

Perfeito, obrigado mesmo cara, tudo certinho porem nao mudou a cor de dois itens, EbrkmLN.png

 

e surgiu outra duvida como mudar aquele cinza escuro ali no lado superior esquerdo onde esta a seta, e as demais setas também, só falta isso pra entregar o site pro meu cliente, você é show

Share this post


Link to post
Share on other sites

Preciso muito de ajuda, outra coisa, as cores de cima mudou porem a do carrinho nao, fiz certinho alterei as cores só que nao mudou, e ainda falta aprender onde fica pra alterar as coisas do print que postei acima 


Edited by Sr.Corleone (see edit history)

Share this post


Link to post
Share on other sites

somente o background imediatamente após header .nav é que é responsável pelo header nav. O mesmo para o color. Somente o comando exatamente após é que é responsável. Ele lógicamente pode estar umas linhas depois, mas deve estar dentro do bloco que se abre com .xxxx ou entao #. Isto sao básicos css...

 

A linha para a navegacao no header:

header .nav {
    background: #333; }

altere para o que quiser:

header .nav {
    background: #088A29; }

fica na cor verde.

 preciso muito de ajuda

Share this post


Link to post
Share on other sites

Sr. Corleone

 

Recomendo que procure um tutorial de HTML/CSS, pois este tipo de orientação não é a proposta deste fórum. 

 

Basta procurar no Google. Existem centenas de sites, e-books, etc... gratuitos.

Share this post


Link to post
Share on other sites

Sr. Corleone

 

Recomendo que procure um tutorial de HTML/CSS, pois este tipo de orientação não é a proposta deste fórum. 

 

Basta procurar no Google. Existem centenas de sites, e-books, etc... gratuitos.

 

Sei que nao é a proposta porem, estou com duvidas relacionadas ao presta, estou batendo a cabeça ja pra tentar mudar aquela parte do carrinho e a parte de busca e nada, só preciso disso mesmo pra entregar o site pro cliente, espero que compreenda

Share this post


Link to post
Share on other sites

Leia os tópicos que escrevi, lá vc. encontra a posicao. Quanto ao post do Daniel, somente posse confirmar, que o fórum Prestashop nao é sujeito para aprender css e html. Para isto existem outros fóruns/tutoriais no net. Infelizmente tenho que contra dizer. As suas dúvidas sao básicos css e menos relacionados ao Prestashop. Aquele cinza escuro sao "borders" de um campo.

 

Para encontrar posicoes, use como já aconselhei mais acima, o firebug, um tool necessário para cada desenvolvedor/designer.

Share this post


Link to post
Share on other sites

Desligue o cache do CSS em 

 

Parâmetros Avançados > Desempenho , em CCC Desligue o Cache inteligente para CSS .

 

Abra sua loja "uso o Chrome" aperte F12 ai vai abrir a Ferramente de Desenvolvedor do Chrome.

 

no topo da ferramente existe um icone de uma seta e uma seleção, ele e o primeiro icone da esquerda pra direita, clica nele ai vai habilitar a seleção, quando ele esta habilitado ele fica azul. feito isso quando você passar o mouse em cima da sua loja, você vai perceber que ele selecionar as divs, então e só você ir onde você que mudar a cor e clicar.

 

agora sua div esta selecionada, no canto direito da ferramenta , tem uma aba escrito "styles" ali ele mostra exatamente o elemento que você tem que alterar, e ainda te dar opção de trocar a cor ali mesmo pra você ter ideia de como vai ficar,  do lado do .elemento tem um link sublinhado com o nome do arquivo css o qual ele está. coloque o mouse em cima desse link que o mesmo mostra o caminho ate o arquivo css que deve ser alterado.

 

feito isso e só abrir o arquivo css que apareceu lá na ferramenta e alterar suas modificações nele e salvar.

 

acho que ficou meio confuso, mais espero que tenha entendido.

Share this post


Link to post
Share on other sites

Desligue o cache do CSS em 

 

Parâmetros Avançados > Desempenho , em CCC Desligue o Cache inteligente para CSS .

 

Abra sua loja "uso o Chrome" aperte F12 ai vai abrir a Ferramente de Desenvolvedor do Chrome.

 

no topo da ferramente existe um icone de uma seta e uma seleção, ele e o primeiro icone da esquerda pra direita, clica nele ai vai habilitar a seleção, quando ele esta habilitado ele fica azul. feito isso quando você passar o mouse em cima da sua loja, você vai perceber que ele selecionar as divs, então e só você ir onde você que mudar a cor e clicar.

 

agora sua div esta selecionada, no canto direito da ferramenta , tem uma aba escrito "styles" ali ele mostra exatamente o elemento que você tem que alterar, e ainda te dar opção de trocar a cor ali mesmo pra você ter ideia de como vai ficar,  do lado do .elemento tem um link sublinhado com o nome do arquivo css o qual ele está. coloque o mouse em cima desse link que o mesmo mostra o caminho ate o arquivo css que deve ser alterado.

 

feito isso e só abrir o arquivo css que apareceu lá na ferramenta e alterar suas modificações nele e salvar.

 

acho que ficou meio confuso, mais espero que tenha entendido.

 

 

Leia os tópicos que escrevi, lá vc. encontra a posicao. Quanto ao post do Daniel, somente posse confirmar, que o fórum Prestashop nao é sujeito para aprender css e html. Para isto existem outros fóruns/tutoriais no net. Infelizmente tenho que contra dizer. As suas dúvidas sao básicos css e menos relacionados ao Prestashop. Aquele cinza escuro sao "borders" de um campo.

 

Para encontrar posicoes, use como já aconselhei mais acima, o firebug, um tool necessário para cada desenvolvedor/designer.

 

 

Sr. Corleone

 

Recomendo que procure um tutorial de HTML/CSS, pois este tipo de orientação não é a proposta deste fórum. 

 

Basta procurar no Google. Existem centenas de sites, e-books, etc... gratuitos.

 

Graças a vocês consegui fazer o que eu queria, porem só falta uma ultima questao, a imagem a baixo tem um tipo de linha separando do | Fale Conosco | Sair | gostaria de mudar a cor desse" | " porque nao achei de jeito nenhum... só tenho a agradecer

 

a5HW9Hx.png

Share this post


Link to post
Share on other sites

a borda do fale conosco fica no arquivo

 

themes/default-bootstrap/css/modules/blockcontact/blockcontact.css

 

procure por

#contact-link {
    float: right;
    border-left: 1px solid #515151;
}

as duas bordas do |Entrar| fica no arquivo

 

themes/default-bootstrap/css/modules/blockuserinfo/blockuserinfo.css

 

procure por

.header_user_info {
    float: right;
    border-left: 1px solid #515151;
    border-right: 1px solid #515151;
}

para trocar a cor do Ligue-nos agora, vai no arquivo

 

themes/default-bootstrap/css/modules/blockcontact/blockcontact.css

 

e procure por 

.shop-phone {
    color: #fff; ADICIONE ESSE COLOR, E COLOQUE A COR QUE QUISER
    float: left;
    padding: 5px 0 10px;
    line-height: 18px;
}
Edited by guilomaker (see edit history)

Share this post


Link to post
Share on other sites

nao achei borders no global.css

procure por border. Vai encontrar um monte no global.css.

 

 

Altere o comportamento do border-box. A cor nao está definida.

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 border: 1px, solid #ponha a cor que quiser
}



 

A localizacao do footer (border do endereco):

.footer-container #footer #block_contact_infos
border-left: - troque a cor

Share this post


Link to post
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

×

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More