Css para Imagem de Background no Cabeçalho

Bom dia! Alguém pode me ajudar com o código css para colocar imagem no cabeçalho, ou pelo menos deixá-lo transparente? O editor da Loja Integrada deixa a imagem apenas atrás do cabeçalho.

1 curtida

Boa tarde,

Em visual da loja você vai em backgrounds e sobe a imagem ali.

No Css configura a seu gosto,

#cabecalho {
background-image: url(); ###Aqui não mexa é a imagem que subiu.
background-color: #24526a;
background-position: top center;
background-repeat: no-repeat;
}

.tema-transparente .conteiner {
background-color: transparent;
}

.conteiner-principal .conteiner {
box-shadow: 0 3px 10px 0 rgba(0,0,0,0.15);
}

Abra seu site vai em modo desenvolvedor e faça os testes ali.

Me passe seu site para eu ver o que consigo.

Sou fuçador, hora acerto hora eu erro. rsrs

O que eu puder ajudar disponha.

Boa tarde, Roberto! Muito obrigado pela ajuda! Já upei a imagem e testei o código, mas só alterou o fundo do cabeçalho pra cor #24526a e o cabeçalho branco continuou na frente. :confused:

A loja é: https://lojadarkmoon.lojaintegrada.com.br/
E pretendo deixar assim:


Valeu!!

Parece que consegui!
com:

#cabecalho .conteiner {
background: transparent !important;
}

Amigo, como deixou o seu menu e barra de pesquisa transparente?

Lombardo, você tem que upar uma imagem de Background do Cabeçalho nas configurações de Visual da Loja. Depois vai em editar CSS e cola:

#cabecalho .conteiner {
background: transparent !important;
}

Boa tarde,

Que bom, bacana.

poxa legal as dicas de vcs!.., valeu pelo compartilhamento, eu tava querendo fazer o mesmo vou tentar aqui.

Boa noite,

Amigo bacana o site, quanto mais melhorar melhor, mas procure dar prioridade ao mobile, 70 a 80% do tráfego é pelo celular.