Jump to content

Cores em geral

Sr.Corleone
 Share

Recommended Posts

selectshop.at Newbie

selectshop.at

Posted
Posted

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)

Link to comment
Share on other sites
Sr.Corleone Newbie

Sr.Corleone

Posted
  • Author
Posted

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?

Link to comment
Share on other sites
Sr.Corleone Newbie

Sr.Corleone

Posted
  • Author
Posted (edited)

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)
Link to comment
Share on other sites
selectshop.at Newbie

selectshop.at

Posted
Posted

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.

Link to comment
Share on other sites
Sr.Corleone Newbie

Sr.Corleone

Posted
  • Author
Posted

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

Link to comment
Share on other sites
selectshop.at Newbie

selectshop.at

Posted
Posted

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)

Link to comment
Share on other sites
Sr.Corleone Newbie

Sr.Corleone

Posted
  • Author
Posted

 

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

Link to comment
Share on other sites
selectshop.at Newbie

selectshop.at

Posted
Posted

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.

Link to comment
Share on other sites
Sr.Corleone Newbie

Sr.Corleone

Posted
  • Author
Posted

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

Link to comment
Share on other sites
Sr.Corleone Newbie

Sr.Corleone

Posted
  • Author
Posted

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

Link to comment
Share on other sites
Sr.Corleone Newbie

Sr.Corleone

Posted
  • Author
Posted

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

Link to comment
Share on other sites
selectshop.at Newbie

selectshop.at

Posted
Posted

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.

Link to comment
Share on other sites
guilomaker Newbie

guilomaker

Posted
Posted

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.

Link to comment
Share on other sites
Sr.Corleone Newbie

Sr.Corleone

Posted
  • Author
Posted

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

Link to comment
Share on other sites
guilomaker Newbie

guilomaker

Posted
Posted (edited)

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)
Link to comment
Share on other sites
selectshop.at Newbie

selectshop.at

Posted
Posted

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
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
 Share
Go to topic listing
×
×
  • Create New...