Fórum OpenCart Brasil

[Rose]

Olá,

Estou tendo dificuldade em posicionar uma imagem que inseri no cabeçalho da minha loja com informações de frete, troca etc. Geralmente posiciono as imagens numa boa no css mas estou tendo dificuldades nessa imagem que desconfigura todo o header quando tento arrumá-la. Já tentei segui um tutorial q encontrei por aqui mas não tive sucesso.
Quero deixar a imagem no centro entre a logo e carrinho de compras, se alguém puder ajudar seria muito grata

[valdeir2000]

Qual link da loja com a imagem já inserida? Fica mais fácil auxiliar.

[Rose]

Oi valdeir2000 obrigada por responder

O link da loja é: http://lojaloja.xyz
eu até consegui deixar no centro porém o carrinho de compras é que subiu agora... acredito que deveria ter feito o posicionamento por float porém tentei e não deu certo.

[valdeir2000]

Entre os <!-- nova box --> adicione o código abaixo.

Código: Selecionar todos

<div class="col-sm-5 new-box">
   <img src="catalog/view/theme/vitalia/img/teste.png" />
</div>

Substitua o css da class .new-box por

Código: Selecionar todos

.col-sm-5.new-box {
    margin-top: 5em;
}

Substitua o código da div#header-left por

Código: Selecionar todos

<div class="col-sm-3" id="header-left">

Substitua o código da div#header-right por

Código: Selecionar todos

<div class="col-sm-4" id="header-right">

Agora use um margin-top: 4em na div #header-right



Lição de Casa: Procure na internet por "Centralizar imagem dentro de uma div", vai ser necessário no uso mobile.

[Rose]

Muito obrigada valdeir2000 valeu mesmo