Fórum OpenCart Brasil

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?

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!

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?

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?

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.

Fórum OpenCart Brasil

Mudar cor de fundo/imagem do header

Mudar cor de fundo/imagem do header

Re: Mudar cor de fundo/imagem do header

Re: Mudar cor de fundo/imagem do header

Re: Mudar cor de fundo/imagem do header

Re: Mudar cor de fundo/imagem do header