Personalizar Gadgets do Footer (Rodapé)


E aí amores como vão? Hoje eu vim trazer este tutorial para vocês darem uma personalizada na área de gadgets do footer do blog, que em geral combinam com a da sidebar, mas as vezes trocamos o fundo e nem tudo fica em harmonia né? Clique em Leia Mais para conferir!

Personalize o fundo do footer clicando aqui.

Vá para lá, Modelo > Editar HTML

Personalizar o Título do Gadget do Footer


Procure por:


.footer-inner .widget h2,
.sidebar .widget h2 {
  padding-bottom: .5em;
}

Apague e no lugar, cole o seguinte:


.footer-inner .widget h2 {
  padding-bottom: .5em;
  color: #COR DO TÍTULO;
  background: #COR DE FUNDO; /* Também pode ser adicionada uma imagem */
}
.sidebar .widget h2 {
  padding-bottom: .5em;
}

Faça as alterações necessárias e salve!

Personalizando os Links do Footer


Procure por:


.footer-inner .widget a:link {
  color: $(link.color);
  text-decoration: none;
}
.footer-inner .widget a:visited {
  color: $(link.visited.color);
}
.footer-inner .widget a:hover {
  color: $(link.color);
  text-decoration: underline;
}

Em seguida, substitua tudo isso por:


.footer-inner .widget a:link {
  color: #COR DO LINK NORMAL;
  text-decoration: none;
}
.footer-inner .widget a:visited {
  color: #COR DO LINK VISITADO;
}
.footer-inner .widget a:hover {
  color: #COR DO LINK COM O MOUSE EM CIMA;
  text-decoration: underline; /* Decoração Sublinhada (underline), coloque: none (se não quiser nenhum efeito) */
}



Faça as alterações necessárias e salve.

Personalize o Texto do Gadget


Procure por:



.footer-inner .widget,
.sidebar .widget {
  font: $(widget.font);
  color: $(widget.text.color);
}

E substitua por isso:


.footer-inner .widget {
  font: FONTE QUE VOCÊ DESEJA;
  color: #COR QUE VOCÊ DESEJA;
}
.sidebar .widget {
  font: $(widget.font);
  color: $(widget.text.color);
}





Certo? Espero ter ajudado! Até o próximo post galera ;D