Problema con avatar de Gravatar superponiéndose al título en WordPress

  • juanpadron

    (@juanpadron)


    hace 4 semanas, 1 día

    Hola a todos,

    Estoy tratando de solucionar un problema en mi sitio web de WordPress, donde el avatar de Gravatar está interfiriendo con el título de mis publicaciones. Me gustaría mantener el avatar, pero necesito ajustar el espacio entre el título y el contenido para evitar que se superponga.

    He reemplazado el avatar por una imagen transparente en Gravatar, pero el marco circular blanco persiste y sigue apareciendo sobre el título, creando un efecto visual no deseado.Lo que ya he intentado:

    • Modificar el CSS añadiendo border: none y box-shadow: none, pero el marco aún se muestra.
    • Ajustar márgenes y padding en Elementor y en el archivo style.css del tema hijo para mover el título y la fecha hacia arriba, pero los cambios no se reflejan.
    • Editar las plantillas del tema (author.php, single.php, content.php) buscando la función get_avatar() y comentando el código, pero esto tampoco ha resuelto el problema.
    • Desactivar Gravatar en Ajustes > Comentarios, lo cual elimina el avatar, pero necesito conservarlo con control sobre su visualización.

    Agradecería mucho cualquier sugerencia sobre cómo solucionar esto, ya sea mediante ajustes de CSS o modificaciones en el tema.

    Aquí está el preview del tema que estoy usando:
    Morningtime Lite

    Gracias de antemano.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Moderador kallookoo

    (@kallookoo)

    hace 3 semanas, 6 días

    Hola,

    Por lo que veo, lo primero seria dejar todo como inicialmente establa ya que como se puede ver en la preview funciona correctamente.

    Una vez hecho, comentalo para que podamos revisarlo de nuevo, ya que ahora mismo no podemos decirte que hacer al estar modificado por tu cuenta.

    Iniciador del debate juanpadron

    (@juanpadron)

    hace 3 semanas, 6 días

    Hola kallookoo

    Sí, funcionaba perfectamente. Hago copia seguridad y restauro.

    Gracias.

    Iniciador del debate juanpadron

    (@juanpadron)

    hace 3 semanas, 6 días

    Hola,

    He restaurado mi sitio a la configuración original, pero ahora estoy intentando realizar algunos ajustes específicos. Estos son los cambios que me gustaría implementar:

    1. Mantener el logo y su efecto visual actual, pero evitar que se superponga al título. Me gustaría ajustar el espacio entre el título y el logo para asegurar que ambos elementos tengan suficiente separación.
    2. Desplazar las categorías al final de la entrada. Actualmente las categorías se muestran entre el título y el cuerpo del texto, y preferiría que solo aparezcan al final del contenido, justo antes de los comentarios o cualquier otro contenido de pie de página. Lo intenté, pero al desaparecer el bloque de categorías, el logo acabó al mismo nivel que el titulo.

    Hasta ahora he intentado algunas modificaciones en CSS para ajustar la posición del logo y ocultar las categorías en ubicaciones no deseadas, pero aún no logro obtener el resultado deseado. ¿Alguna sugerencia sobre cómo puedo modificar la plantilla o el código de mi tema para lograr estos cambios?

    Gracias de antemano por su ayuda.

    Moderador kallookoo

    (@kallookoo)

    hace 3 semanas, 5 días

    Hola,

    Lo primero y viendo que sera necesario modificar parte del codigo del tema. Deberas crear un tema hijo y copiar el archivo «content.php» que es quien se encarga de mostrar lo que quieres modificar.

    Revisandolo por encima, veo que deberas cortar el ul class="post-category" y por ejemplo pegarlo dentro de div class="post-foot"

    Cuando lo hagas veras que el avatar se superpone y eso es porque el CSS relacionado con la clase .post-category crea el espacio para evitarlo, asi que diria que añadiendo mas margen superior a la clase .post-meta deberia ser suficiente. Ademas es posible que quieras o debas modificar el CSS de la clase .post-category para ajustar el espacio.

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Debes estar registrado para responder a este debate.