Fórum OpenCart Brasil

[RicardoGomes]

Olá á todos, gostaria de um ajuda de quem puder, tenho um problema, gostaria de mudar a cor somente do topo onde fica a logo, na loja, já consegui mudar o do menu e o topo onde fica "minha conta e o tel", mas olhando no css tem o body quando mudo de cor muda todo o corpo do layout, gostaria apenas a parte do logo e da busca, alguém pode me dar uma luz???

[veteranodf]

Olá, talvez auxilie

Menu superior onde esta links "Carrinho de compras, Finalizar Pedido, etc"

Código: Selecionar todos

#top {
    background-color: #23527c;
}

Fundo div onde fica logomarca

Código: Selecionar todos

header {
	background-color: #23527c;
}

[RicardoGomes]

Olá, veteranodf, a div #top eu encontrei e já tinha modificado a cor, só não encontro a "header" não existe esta tag no stylesheet e nem no header.twig...

[RicardoGomes]

Para quem precisa consegui uma alternativa
No editor de temas do Opencart Versão 3.0.3.2 modifiquei o tema:
<header>
<div class="jumbotron">
<div class="row" style="margin: 10px 0 0 0;">
<div class="col-sm-4" style="margin: 10px 0 0 0;">
<div id="logo">{% if logo %}<a href="{{ home }}"><img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-responsive" /></a>{% else %}
<h1><a href="{{ home }}">{{ name }}</a></h1>
{% endif %}
</div>
</div>
<div class="col-sm-4" style="margin: 30px 0 0 0;">{{ search }}</div>
<div class="col-sm-2" style="margin: 30px 0 0 0;">{{ cart }}</div>
<div class="col-sm-2"></div>
</div>
</div>
</header>

Em catalog/view/theme/defaut/stylesheet/stylesheet.css
.jumbotron {
padding: 0;
margin: 0;
margin-top: 10px;
background-color: #333;
}

Espero ter contribuído!

[veteranodf]

Não encontrou olha ele ai no inicio do html "<header>"; se você tivesse acrescentado essa classe que passei no arquivo css iria mudar a cor de fundo; Que bom que resolveu de outra forma;

[RicardoGomes]

Então veteranodf , fiz exatamente isso mas não mudou a cor do fundo. Mesmo assim obrigado.

[quegaroto]

Olá
@RicardoGomes

Sugiro que que crie este código no CSS do seu tema

Código: Selecionar todos

header {
	background-color: #23527c;
}

Como o @veteranodf sugeriu.

[RicardoGomes]

Olá, como eu disse anteriormente , talvez no Opencart 3x não esteja dando certo, já tentei fazer isso mas, sem resultado, mesmo assim agradeço, se tiver alguma outra ideia estou disponivel, obrigado.

[veteranodf]

@RicardoGomes Classes CSS é a coisa mais simples que você fará em um site, então se esta tendo problema com algo tão simples sua caminhada será árdua, veja meu site de teste, não fiz nada diferente do que propus aqui, a versão que estou usando nessa loja teste também é o opencart 3, sendo que essa dica é funcional em todas versões do opencart desde a 2.xxx

Demonstração, classes adicionada no final do arquivo "stylesheet.css"
https://www.meusmodulos.com.br/demo/opencart/3/