Colocando Cor no plano de fundo no Título da Postagem do Blog

Olá galerinha! hoje estarei mostrando como colocar plano de fundo no Título da postagem, também vamos aprender a personalizar ele com um plano de fundo e Bordas.


Para personalizar o plano de fundo dos títulos das postagens, vamos precisar de acrescentar um pequeno código no HTML do seu Blog.

Primeiro acesse o painel do seu Blog para editá-lo.
Então vá em Modelo >> depois em Editar HTML >> e clique em Prosseguir.

Agora você tem que localizar uma parte no HTML, então utilize as teclas Ctrl + F do seu teclado e busque por esse código :

h3.post-title, .comments h4 {

Quando localizar o código, a baixo dele vai está com essa sequencia:

h3.post-title, .comments h4 {
  font: $(post.title.font);
  margin: .75em 0 0;
}

E Antes da Chave: } você vai colocar esse código:


background:#CFCFCF;
border: solid 2px #4F4F4F;
 padding: 4px; 
border-radius: 5px

 Vamos entender o código:

• Em azul : #CFCFCF; trata-se da cor do plano de fundo do Título.
• Em cor de Rosa : #4F4F4F; trata-se da cor das bordas do Título.
• agora o valor: 2px é a espessura da borda, se você quiser ele mais largo aumente o valor 4, 5 ou mais...
• o Valor: 4px; é para expandir o espaço do Título.
• E o número: 5px é para deixa as bordas arredondadas.

Prontinho pessoal, agora é só visualizar e veja se você fez tudo certo e depois só Salvar.