Tutorial Divi: Avatares circulares en los comentarios

Vale que Divi es un tema realmente bien diseñado y de aspecto atractivo pero se pueden mejorar algunos aspectos, como la forma de los avatares en los comentarios.

Por defecto son cuadrados, lo que puede ser genial para muchas personas, pero actualmente la tendencia que más gusta es que sean circulares, algo muy fácil de cambiar.

Solo tienes que abrir el Personalizador de temas y en la pestaña CSS adicional añadir el siguiente código:

/* Avatares circulares en Divi */
.comment_avatar img { border-radius: 50%; }

Una vez guardes los cambios pasarán a ser de este aspecto por defecto…

A este otro más agradable…

Espero que te haya gustado el truco. Un poco de CSS a veces hace magia inmediata.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(3 votos, promedio: 5)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

Sobre el autor

1 comentario en “Tutorial Divi: Avatares circulares en los comentarios”

  1. Alexis A. Avilés S.

    Gracias Fernando, me ha encantado esta idea, la voy a implementar de una vez porque le dá un toque más moderno a los comentarios.

    Lo que no he podido hacer es que el módulo de comentario Divi, que ya he personalizado, salga fijo en todas las publicaciones y no que tenga que agregarlo cada vez que voy a crear una. ¿Alguna idea?

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información base sobre privacidad:
  • Responsable: Fernando Tellado ([email protected])
  • Fin del tratamiento: Moderación de comentarios para evitar spam
  • Legitimación: Tu consentimiento
  • Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
  • Derechos: Acceso, rectificación, portabilidad, olvido

 

Ir arriba Ir al contenido