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"
Fundo div onde fica logomarca
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
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
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/