Personalizar caja comentarios blogger



.comment-block {
      background:#CED8F6; /* Color de fondo de los comentarios */
      border: 1px solid #0B0B3B; /* Estilo del borde */
      box-shadow: 10px 10px 5px #81BEF7; /* Sombra de la caja */
      border-radius: 10px;  /* Redondear el borde */
      padding: 10px; /* Espacios alrededor del texto */
   }


Puedes personalizar:

background --> Para cambiar el color de fondo de las cajas de comentarios. Página para ver colores en HTML.
border --> Es el ancho del borde en píxeles (lo gordo que es), el tipo de borde (solid | dotted | dashed | double) y el color.
box-shadow --> Sombra de la caja al lado derecho y debajo. En el código tienes el valor de la sombra a la derecha (en píxeles), el valor de la sombra debajo (en píxeles), el valor del difuminado (en píxeles) y el color.
border-radius --> Redondear las esquinas de la caja (si no lo quieres elimina la línea)
padding --> Crea el espacio que hay entre los bordes y el texto de los comentarios. Se aplica a todos los lados de la caja de comentarios.

6 comentarios:

  1. Gracias por este vídeo, lo voy a poner en practica. Un saludo

    ResponderEliminar
  2. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  3. ¡Hola!
    ?Y para cambiar solamente el tamaño de la fuente?
    Antes tenía vistas dinámicas, ahora estoy usando una plantilla común y quedaron re chiquitos.
    ¡Gracias por tu ayuda!

    ResponderEliminar

Related Posts Plugin for WordPress, Blogger...