Editando o Blockquote

Blockquote? Isso mesmo blockquote, é aquela recurso que usamos para acentuar determinada parte do texto por exemplo um comentário dentro da postagem digamos assim.
Exemplo:

Este é o blockquote do blog Microship, usado para destacar algo como um comentário ou um aviso que mereça uma atenção maior, lembretes ou coisa parecida.

Caso você tenha feito alterações na cor de seu template essa dica será útil para auxilia-lo, pois nada a ver seu template todo ajeitado com sua cara mais
com um blockquote que não tenha relação com o modelo, ou caso você apenas queira muda-lo um pouco.

Então vamos lá, primeiro vamos encontrar o código correspondente ao blockquote de seu blog para isso vá em seu  Painel de controle cliquem em Layout e depois em Editar HTML e marque a opção Expandir modelos de widgets.

Pressione Crtl + F e procure por: blockquote

Na verdade é tudo muito simples, mais como “o seguro morreu de velho” salve uma cópia de seu modelo atual.

.post-body blockquote {
  line-height:1.3em; 
    color:#000000;
    font-style: normal;
    background:#FFFAFA
    border-left:5px solid #FF4500;
    border-right:5px solid #FF4500; 
}

color: corresponde a cor da letra
font-style: o estilo da fonte
background: a cor do plano de fundo do blockquote
border-left e border-right: correspondem as bordas direita e esquerda nelas você poderá editar a sua largura (para editar largura da borda basta trocar o número 5 por outro) e ainda definir uma cor para elas.

Tabela de Cores – Web

Compartilhe ! Tweet