Como colocar o instagram no meio da pagina de produtos?

Layout
1

Como alterar a posição do insta , quero que apareça no meio da vitrine de produtos
usei esse codigo:

<div id="instagram-rodape" align="center" class="hide">
    <div class="conteiner">
        <a href="https://instagram.com/vsmakes011__">instagram @vsmakes011__   </a> 
    </div>

   <!-- SnapWidget -->
#instagram-rodape .conteiner { padding: 0; background: transparent; box-shadow: none; max-width: 1180px; margin: 50px auto 15px; } #instagram-rodape .conteiner a { font-size: 20px; font-weight: 600; }

como colocar insta no meio da pagina
como colocar insta no meio da pagina1920×1080 479 KB

3

Você precisa que apareça exatamente no meio ou pode ser acima da vitrine de produtos? Pergunto pois se for para aparecer no meio é mais complicado pois tem que quebrar a linha de produtos, que é diferente conforme a quantidade de produtos (pode ficar muito espaço em branco antes ou depois).

Já para aparecer antes da vitrine de produto, você pode adicionar um código javascript que use o ID da listagem de produtos. Exemplo:

$("#listagemProdutos").before("html_desejado")

Onde “html_desejado” é o código que você postou. Neste código, qualquer coisa dentro das aspas aparece antes da listagem de produtos. Nota: pra dar certo este código, todas aspas duplas do seu código deve ser transformada em aspas simples, por questão de hierarquia. Assim “aspas ‘simples’ dentro de aspas”

1 curtida