Página 1 de 1

Como mudar somente o fundo onde fica o logo Opencart 3x

Enviado: 23 Fev 2020, 15:24
por 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???

Re: Como mudar somente o fundo onde fica o logo Opencart 3x

Enviado: 23 Fev 2020, 18:02
por 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;
}

Re: Como mudar somente o fundo onde fica o logo Opencart 3x

Enviado: 23 Fev 2020, 21:17
por 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...

Re: Como mudar somente o fundo onde fica o logo Opencart 3x

Enviado: 23 Fev 2020, 23:33
por RicardoGomes
Para quem precisa consegui uma alternativa :grinning:
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!

Re: Como mudar somente o fundo onde fica o logo Opencart 3x

Enviado: 23 Fev 2020, 23:41
por 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;

Re: Como mudar somente o fundo onde fica o logo Opencart 3x

Enviado: 23 Fev 2020, 23:50
por RicardoGomes
Então veteranodf , fiz exatamente isso mas não mudou a cor do fundo. Mesmo assim obrigado.

Re: Como mudar somente o fundo onde fica o logo Opencart 3x

Enviado: 24 Fev 2020, 03:22
por 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.

Re: Como mudar somente o fundo onde fica o logo Opencart 3x

Enviado: 25 Fev 2020, 23:32
por 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.

Re: Como mudar somente o fundo onde fica o logo Opencart 3x

Enviado: 26 Fev 2020, 09:51
por 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/