Fórum OpenCart Brasil

Por um e-commerce livre, confiável e profissional

Suporte geral sobre problemas técnicos para OpenCart v3.x.
#86709
Olá Caros OC´s

Acredito que vai ajudar muita gente.

Tava eu, querendo mudar o fundo do header da página, porém vi que eu tinha que adicionar no CSS.
Código: Selecionar todos
header
{   background-color: #ffffff; }
porém há uma linha onde fica telefone, minha conta, finalizar pedidos, não chega mudar porque?
Como fazer esta linha respeitar a cor que eu destinar para o header?
Penso eu, que, se jogo uma imagem de fundo a linha de cima não afetaria.
O que pode ser feito neste caso?
Avatar do usuário
Por reds
Mensagens Especiais
#86713
Ola @quegaroto

Isso são coisas simples sobre o template, no caso não muda o fundo devido o bloco acima estar fora do bloco "header", ou seja, você deveria colocar os elementos todos dentro do header ou escrever uma regra para ambas as partes, tal como o exemplo a baixo.
Código: Selecionar todos
header, #top {
    background-color: blue;
    margin: 0;
    border: none;
}
ou
Código: Selecionar todos
#top {
    background-color: blue;
    border-bottom: 1px solid blue;
    padding: 4px 0px 3px 0;
    margin: 0;
    min-height: auto;
}
header {
    background-color: blue;
}
Espero que ajude!
:D
quegaroto gostou disso
#86716
Olá @reds

Muito Obrigado !!! Ajudou Muito !!!

Me fez pensar melhor ainda.
Quando fiz o primeiro código que me passou, deu tudo certo com a cor. Quando joguei uma imagem de fundo, aconteceu uma imagem na linha do topo (onde fica: telefone, minha conta, lista de desejos etc...) e outra imagem no cabeçalho(onde fica o logo, busca etc...).

Dai percebi que era "problema" estrutural. mexi no header.twig transferindo o
Código: Selecionar todos
<nav id="top"> *** </nav>
para dentro da tag HEADER na primeira linha.
Depois adicionei uma linha para separar um pouco o topo do cabeçalho.
Código: Selecionar todos
<div class="row">
Atualizei e ZAZ !!!

Deu Certo !!!
Para quem não entendeu: minha intenção é pegar a linha do topo para dentro da linha do cabeçalho, tornando os dois itens em um só. Sendo assim, possível colocar uma imagem de fundo que pegue os dois conteúdos.

@reds causa algum problema?
#88959
pessoa estou tentando altera o fundo da minha opencart 3.0 porem aparece o link do catalog/view/javascript/bootstrap/css/less/scaffolding.less:27
só que noa existe este caminho, so chego até o bootstrap, alguem pode me ajudar?
#88979
quegaroto escreveu:Olá @reds

Muito Obrigado !!! Ajudou Muito !!!

Me fez pensar melhor ainda.
Quando fiz o primeiro código que me passou, deu tudo certo com a cor. Quando joguei uma imagem de fundo, aconteceu uma imagem na linha do topo (onde fica: telefone, minha conta, lista de desejos etc...) e outra imagem no cabeçalho(onde fica o logo, busca etc...).

Dai percebi que era "problema" estrutural. mexi no header.twig transferindo o
Código: Selecionar todos
<nav id="top"> *** </nav>
para dentro da tag HEADER na primeira linha.
Depois adicionei uma linha para separar um pouco o topo do cabeçalho.
Código: Selecionar todos
<div class="row">
Atualizei e ZAZ !!!

Deu Certo !!!
Para quem não entendeu: minha intenção é pegar a linha do topo para dentro da linha do cabeçalho, tornando os dois itens em um só. Sendo assim, possível colocar uma imagem de fundo que pegue os dois conteúdos.

@reds causa algum problema?
Se você for usar um efeito paralax que causa efeito dinâmico causa problema... caso seja normal (estático) fica tudo bem.

Pra verificar problemas, por experiência própria, sempre teste no Internet Explorer (Edge).

Porque tipo, todos vão funcionar (Chrome, Mozila etc). Mas o I.E (Edge) dá umas bugadas.

Atualmente não tenho feito esse servi&ccedi[…]

Um update aqui: não consegui reverter esse […]

Olá pessoal, gostaria de saber se existe a […]

Ajuda com 5 colunas

olá pessoal estou utilizando a versao 3.0.3[…]