Alinhando o "Leia Mais"


Bom Dia!! Hoje eu vim trazer um dica, não chega ser um tutorial porque é bem simples, de como alinhar o "Leia Mais" do seu blog, esse pode não ser o código que todos usam, mas eu uso ele e é bem mais fácil alinhar qualquer elemento com ele *--* Ahh essa código foi pedido pela Bunny na postagem anterior, se quiserem qualquer outro tutorial/dica/postagem é só pedirem por comentário.

Reparem na imagem abaixo que o botão "Continue" esta dentro do "rodapé" do post e é isso que eu vou ensinar como fazer hoje, eu não vou colocar nenhum modelo de "Leia Mais" hoje, mas pretendo trazem alguns basicos em uma proxima postagem.


1° Passo: Vá em "Modelo" e encontre o código do seu "Leia Mais"; 
(o codigo sempre começa com  .jump-link  { se você já o personalizou se ainda não o personalizou você tem que procurar/criar um modelo para depois então alinha-lo)
2° Passo: Cole abaixo de .jump-link  { o seguinte código: margin-bottom: -10px;
(Quanto mais você aumentar o numero no código menor será a margem inferior do botam assim fazendo ele entrar no rodapé da postagem, )

Você pode mudar qualquer uma das margens do botão(direita, esquerda, superior e inferir) para alinhar melhor ele conforme seu layout, os códigos para fazer essa alteração são:
margin-bottom: 00px; /* Superior */
margin-top: 00px; /* Inferior */
margin-right: 00px; /* Direita */
margin-esquerda: 00px; /* Esquerda */
(Lembrem números negativos são validos para esse código, então a sequencia decresceste é ...5,4,3,2,1,0,-1,-2,-3,-4,-5...)

Espero que ter ajudado e se tiverem qualquer duvida é só perguntar pelos comentários.

2 comentários:

  1. Awwn obrigadaaaa >-<'
    Irei exprimentar assim que puder num blog de testes! :3

    Kissus~ >-<

    ResponderExcluir