hola chicas w.w como estan ? espero que bien ;) en este tuto les enseñare como poner cajita el los titulos del post .
asi es como queda
Para obtenerlo sige los siguientes pasitos :
Ir a Plantilla / Editar HTML / Presionar CTRL + F
h3.post-title {
y borran lo que les aparece abajo hasta }
Ejemplo:
h3.post-title {margin-top: 20px;background: url("URL DE LA IMAGEN") left no-repeat; /*Imagen de la cajita*/
height: 54px; /*Altura de la cajita*
padding-top: 13px;
font-family: Imprima; /*Font de la letra*/
font-size: 20px; /*Tamaño de la letra*/
text-align:left;/*El texto en el lado left(Izquierdo),right(derecha),centrado,(center)*/
margin-top: -2px;
margin-left: -5px;/*Se ira mas al lado izquierdo*/
padding-left:8px;/*,La letra se ira mas al lado derecho*/
font-weight: normal;
color: #f5e9e7;/*Color de la letra*/
text-shadow: 1px 1px 0px #f29f96;/*Color de la sombra del titulo*/
margin-bottom: -15px;}
Les deje al ladito que es cada cosita
left:Si lo quieren la cajita al lado derecho ,el texto, y todo lo demas solo lo cambian por right .
5:Se ira mas al lado izquierdo si es left si aumentas mas el numero
8:Si aumentas la letra se ira mas al lado derecho dejando un espacio
codigo Url de la cajita por la URL DE LA IMAGEN (clic derecho y pegar)
No hay comentarios:
Publicar un comentario