Revista Ilustración

Consultoría Blogger - Resolviendo dudas de tutoriales 4

Por Celia Espada García @ElPerrodePapel
Consultoría Tutoriales Blogger
Hola a todos!!!
Ya estamos de nuevo a final de mes y vengo a resolver las dudas de tutoriales antiguos que os han surgido y que se habían quedado pendientes de resolver.

Como personalizar el texto citado de Blogger


Este es el código que Celia proporcionaba para poner el texto citado con diferentes características:
.post blockquote{
font-family: 'Poiret One', cursive;
font-size: 20px;
color: #F5A9BC;
text-transform: uppercase;
letter-spacing: 2px;
border-top: 3px double #81F7BE;
border-bottom: 3px double #81F7BE;
border-left: 0px double #81F7BE;
border-right: 0px double #81F7BE;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
Pregunta: cómo hacer para ponerle un fondo de color al texto citado.
Esta opción es muy fácil, sólo hace falta añadir la siguiente línea al código:
background: #404040;
El código de color #404040 es un mero ejemplo, sólo tiens que substituir ese código por el del color que desees. El código completo quedaría así:
.post blockquote{
font-family: 'Poiret One', cursive;
font-size: 20px;
color: #F5A9BC;
text-transform: uppercase;
letter-spacing: 2px;
border-top: 3px double #81F7BE;
border-bottom: 3px double #81F7BE;
border-left: 0px double #81F7BE;
border-right: 0px double #81F7BE;
background: #404040;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
Estas son las respuestas a vuestras consultas de estos dos tutoriales. Si aún así seguís con dudas, no os sale, etc, por favor dejad en este post vuestro mensaje y enlace a vuestro blog y así podremos mirar con más detenimiento.
De nuevo muchas gracias a Celia por darme esta oportunidad y muchas gracias a vosotros por leerme y dedicarme un ratito de vuestro tiempo.
Saludos!!!
Aisha
Elai the Blogger
Puedes encontrarme en:
FACEBOOK  //  TWITTER //  BLOGLOVIN



Suscríbete a mis entradas por email ¡para no perderte nada!
♥ Las recibirás en tu bandeja de entrada el mismo día que sean publicadas ♥


Consultoría Blogger - Resolviendo dudas de tutoriales 4

Volver a la Portada de Logo Paperblog