Alterar o Icone do Instagram

Layout
1

Boa tarde.

Gostaria de alterar o Ícone do Instagram na minha loja. Gostaria de importar um ícone que seja mais próximo do Instagram de fato.

Link da Loja: https://blazelongboards-manutencao.lojaintegrada.com.br/

icone instagram
icone instagram1880×352 27.2 KB

2

Boa noite. Tente inserir um desses scripts para ver se funciona:

$(document).ready(function() {
	$('#rodape > div.institucional.fundo-secundario > div > div > div > div > div.span3 > div > div.lista-redes > ul > li').hide();
	$('#rodape > div.institucional.fundo-secundario > div > div > div > div > div.span3 > div > div.lista-redes > ul').append(`
		<li>
          <a href="https://instagram.com/blazelongboards" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/a/a5/Instagram_icon.png" width="30px" /></a>
        </li>
	`);
});

setTimeout(
	function() {
		$('#rodape > div.institucional.fundo-secundario > div > div > div > div > div.span3 > div > div.lista-redes > ul > li').hide();
		$('#rodape > div.institucional.fundo-secundario > div > div > div > div > div.span3 > div > div.lista-redes > ul').append(`
			<li>
			  <a href="https://instagram.com/blazelongboards" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/a/a5/Instagram_icon.png" width="30px" /></a>
			</li>
		`);
	}, 1000);

Caso você queira trocar a imagem ou aumentar o tamanho dela, basta alterar esse trecho do código:

src="https://upload.wikimedia.org/wikipedia/commons/a/a5/Instagram_icon.png" width="30px"
1 curtida
3

Boa noite José. Esses são via javascript?

4

Ficou perfeito José. Era exatamente o que eu precisava.
Pode me ajudar em mais uma dúvida por favor. Na parte superior da minha loja tem mais um botão do Instagram. Preciso alterar também.

botao do instagram
botao do instagram814×650 67.4 KB

1 curtida
5

Se o código anterior deu certo, é só acrescentar mais duas linhas nele então:

$(document).ready(function() {
	$('#rodape > div.institucional.fundo-secundario > div > div > div > div > div.span3 > div > div.lista-redes > ul > li').hide();
	$('#rodape > div.institucional.fundo-secundario > div > div > div > div > div.span3 > div > div.lista-redes > ul').append(`
		<li>
          <a href="https://instagram.com/blazelongboards" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/a/a5/Instagram_icon.png" width="30px" /></a>
        </li>
	`);
	//Linhas novas
	$('#cabecalho > div.conteiner > div.menu.superior > div > ul > ul.actions > li > div:nth-child(2) > ul > div.redes-sociais.borda-principal > div > ul > li').hide();
	$('#cabecalho > div.conteiner > div.menu.superior > div > ul > ul.actions > li > div:nth-child(2) > ul > div.redes-sociais.borda-principal > div > ul').append(`
		<li>
          <a href="https://instagram.com/blazelongboards" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/a/a5/Instagram_icon.png" width="30px" /></a>
        </li>
	`);
});
1 curtida
6

Deu certo. Mais uma vez muito obrigado meu amigo. Me salvou novamente.

1 curtida