Página 1 de 2

Como realizar alterações nas cores do tema

Enviado: 18 Fev 2019, 22:56
por mauriciorrpereira
Olá amigos, como vão?

Dei uma olhada no arquivo:

public_html/catalog/view/theme/default/stylesheet/stylesheet.css e não encontrei como alterar a cor do nome do produto, cor do preço, cor da lista de desejos e cor do item comparar.

Alguém poderia me ajudar como faço para mudar a cor destes itens?

Obrigado.

Re: Como realizar alterações nas cores do tema

Enviado: 19 Fev 2019, 08:53
por Manoel Vidal
Olá @mauriciorrpereira.

Uma vez que você sabe que a maior parte das definições de estilo estão no arquivo stylesheet.css, o ideal é você buscar vídeos no youtube sobre como utilizar o inspetor de elementos (objetos) do navegador chrome ou firefox, para identificar em qual arquivo e em que parte dele, você deverá editar para realizar a alteração, pois assim seu trabalho será mais produtivo e mais preciso.

Lembrando que depois que você realizar as alterações no arquivos de estilo css, você deve limpar o cache do seu navegador para visualizar as alterações.

Espero ter ajudado. :)

Re: Como realizar alterações nas cores do tema

Enviado: 07 Abr 2019, 01:38
por Marcelo04
Oi Manoel,

Eu estou tentando alterar a cor do nome da minha loja mas não está dando certo. Vi que ele se encontra na linha 35 do arquivo CSS. Fui lá fiz a alteração da cor e salvei. Limpei o cache do meu navegador, atualizei e a cor não muda. Quando peço para inspecionar o elemento continua a cor antiga, e não aquela que eu mudei no CSS. O link mostrado é exatamente o mesmo. Mas não busca o CSS atualizado.

Re: Como realizar alterações nas cores do tema

Enviado: 10 Mai 2019, 18:25
por leandrocs
è um logotipo? imagem?

Re: Como realizar alterações nas cores do tema

Enviado: 10 Mai 2019, 19:08
por Marcelo04
Link de texto somente. É só o nome da loja. Mas vou desistir. Pois é muito complexo alterar essas cores. Fui tentar fazer pelo editor de temas mas ele só aplicou as alterações em uma página apenas e não no tema. E a gente só acha tutoriais das versões 1 e 2 somente.

Re: Como realizar alterações nas cores do tema

Enviado: 11 Mai 2019, 17:30
por leandrocs
Não é complexo, só tem que saber o básico de css e html. Não tem nada a ver com o sistema opencart.

Re: Como realizar alterações nas cores do tema

Enviado: 13 Mai 2019, 08:05
por reds
Marcelo04 escreveu:Link de texto somente. É só o nome da loja. Mas vou desistir. Pois é muito complexo alterar essas cores. Fui tentar fazer pelo editor de temas mas ele só aplicou as alterações em uma página apenas e não no tema. E a gente só acha tutoriais das versões 1 e 2 somente.
Qual a alteração que esta tentando fazer?
Poderia informar o link de sua loja e seu desejo de mudança?

Re: Como realizar alterações nas cores do tema

Enviado: 19 Mai 2019, 03:26
por Marcelo04
reds escreveu:
13 Mai 2019, 08:05
Marcelo04 escreveu:Link de texto somente. É só o nome da loja. Mas vou desistir. Pois é muito complexo alterar essas cores. Fui tentar fazer pelo editor de temas mas ele só aplicou as alterações em uma página apenas e não no tema. E a gente só acha tutoriais das versões 1 e 2 somente.
Qual a alteração que esta tentando fazer?
Poderia informar o link de sua loja e seu desejo de mudança?
A loja é: www.marcelodostrens.com

Eu gostaria simplesmente de trocar tudo que é azul por verde. Porém alguns menus tem dois tons de cores. Aí tem que saber quais são esses códigos do azul para substituir pelos tons de verde. Eu tentei editar o CSS mas não teve efeito. Aí restaurei o original mesmo.

Re: Como realizar alterações nas cores do tema

Enviado: 19 Mai 2019, 20:20
por leandrocs
è porque tem cores tipo bordas e links são do aqruivo catalog/view/javascript/bootstrap/css/bootstrap.min.css

Re: Como realizar alterações nas cores do tema

Enviado: 20 Mai 2019, 09:55
por reds
Ola @Marcelo04 @leandrocs

Seguindo a hierarquia de arquivos e como as regras funcionam, você não precisa de forma alguma modificar o arquivo base "bootstrap", todas as regras são substituídas uma vez que você reescrever a mesma no arquivo de estilos de sua loja.
Como os arquivos sempre são lidos de cima para baixo da esquerda pra direita, logo entende que o sistema vai ler sempre a citação A depois trocar os valores por B (caso exista).
Algo como:
/bootstrap.min.css ---> carregou a base de estilos
/style.css -----------------> reescreveu caso exista

Se você inverter a ordem de chamada, o sistema não vai mostrar quaisquer CSS escritos no "style.css".


Nota:
A regra precisa ser reescrita seguindo o mesmo nome e sequencia de classes *igual esta no bootstrap*, caso você solicitar que a regra seja substituída por um novo valor e a chamada estiver diferente, force sua mudança usando "!important" na nova regra.

;)