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 Curtidas
#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?

@brunobenitez89, modo mais fácil de vc loca[…]

Estou com uma dificuldade no meu opencart, os pro[…]

Ola @bsf_1980 Isso depende muito do modulo de […]

Olá. Você conseguiu integrar a este […]