Fórum OpenCart Brasil

Enviado: **09 Nov 2015, 18:52**

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

Enviado: **09 Nov 2015, 20:22**

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

Enviado: **09 Nov 2015, 22:43**

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.

Enviado: **10 Nov 2015, 00:16**

Entre os  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

Imagem

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

Enviado: **11 Nov 2015, 22:10**

Muito obrigada valdeir2000 valeu mesmo

Fórum OpenCart Brasil

Posicionamento imagem Header

Posicionamento imagem Header

Re: Posicionamento imagem Header

Re: Posicionamento imagem Header

Re: Posicionamento imagem Header

Re: Posicionamento imagem Header