Agregale un fondo al título de los posts

Hola de nuevo :D

En el anterior tutorial les hablé sobre añadirle fondo pero a los títulos del Sidebar Agrega un fondo a los títulos del sidebar, Ahora le colocaremos un fondo al título del post.

Para ello nos iremos primero a Plantilla → Editar HTML → CTRL + F → Buscamos h3.post-title, .comments h4 { .

Nota: Si poseen otra plantilla pueden intentar buscar .post h3 {  

Segundo, borramos lo que se encuentra debajo del código anterior y copiamos y pegamos lo siguiente:

background: #E7E7E7;    /* Color de fondo */

text-align:center;  /* Alineación del fondo ya sea a la derecha a la izquierda o en centrado como está */

margin-top: 14px;  /* Espaciado del fondo hacia arriba */

padding-top: 1px;  /* Espaciado entre el texto y el fondo */

margin-right: -5px; /* Espaciado del fondo a la derecha */

margin-left: -5px; /* Espaciado del fondo a la izquierda */ 

margin-bottom: 9px; /* Espaciado del fondo hacia abajo */

height:18px; /* Altura del fondo */

border-radius: 8px 8px 8px; /* Bordes del fondo Esto es opcional si quieres que el fondo tenga bordes */

border-bottom: 2px solid #EBECEE;   /* Borde de la sombra interior */

-moz-box-shadow:    inset 0 0 7px #EBECEE; /* Color y tamaño de la sombra */

-webkit-box-shadow: inset 0 0 7px #ff4c71; 

box-shadow:         inset 0 0 7px #EBECEE; 

}

h3 {

color: #000000; /* color de la letra */

font-family: Moon Flower; /* Tipografía */

text-transform: uppercase;  /* Estilo del texto */

letter-spacing: .2em; /* espaciado entre las letras puedes borrar em por px y añadir un valor numérico */

font-size: 21px; /* Tamaño de la tipografía */

padding-bottom: 8px;  /* Espacio de la tipografía hacia abajo */

}

Ahora el resultado debe de quedar mas o menos así;

 

Editamos a nuestros gustos damos a vista previa y guardamos.

Suerte ♥