Páginas

jueves, 22 de septiembre de 2016

Personalizar "entradas populares".

Plantilla → Personalizar → Avanzado → Añadir CSS

*Añadir el código, entero (copiar y pegar), en el recuadro blanco*


/***** post populares*****/
.popular-posts ul{
padding-left:0px;}
.popular-posts ul li {
background: #FBF8EF;/**Color de fondo**/
  list-style-type: none;
  margin:0 0 5px 0px;
  padding:5px 5px 5px 20px !important;
  border: 4px solid #F6D8CE; /**Borde y color**/
}
/***** Imagen*****/
.PopularPosts .item-thumbnail img,.featured_thumb img{
height: 70px; /**Altura de la imagen**/
width: 70px; /**Ancho de la imagen**/
padding: 0;
border-radius: 100%;
margin-right: 10px;
border: 5px solid #F6D8CE; /**Grosor del borde y color**/
}
.popular-posts ul
  li:hover {
  border:4px solid #F7BE81; /**Color del borde al pasar el cursor de mouse**/

background: #F6D8CE;/**Color de fondo al pasar el cursor de mouse**/

Aplicar al blog
Tutorial sacado de aquí

No hay comentarios:

Publicar un comentario