¿Cómo centrar la miniatura en la publicación?

  • Autor Autor KokunRose
  • Fecha de inicio Fecha de inicio
KokunRose

KokunRose

Épsilon
Social Media
Verificación en dos pasos activada
Verificado por Whatsapp
Que tal estoy que me carga mi ignorancia, ya tumbe mi pagina dos veces :v pero la restaure desde el cpanel.
La duda es como centrar la imagen, si le doy otras dimensiones mas grandes se centra automaticamente pero si le doy las especificadas en la imagen de abajo simplemente se corre a la izquierda,

este es el codigo original set_post_thumbnail_size( 740, 450, true ); ahi es donde cambio a 476 x 249 pero no se desde que otro archivo centrarlo, no se si me explico 😕 dicho codigo esta en functions.php

En la version movil se ve perfecto, pero en tableta y en escritorio simplemente se corre a la izquierda

Alguien tiene alguna idea 😕

A.webp
 
Debe estar dentro de un div , en el div mete el codigo para centrarlo.
 
CSS :topsy_turvy:
 
Revisa tu hoja de estilos lo mas probable es que ya tengas ahí una clase helper que te ayude a centrar el contenido, como por ejemplo: .aligncenter, .center-align, .center, etc 😛7:
 
Saludos, lo pudiste lograr? la mejor forma de hacerla es mediante CSS como te han comentado anteriormente.
 
Sinceramente no, pero igual gracias por la ayuda, mejor lo dejo asi. :welcoming:
 
Sinceramente no, pero igual gracias por la ayuda, mejor lo dejo asi. :welcoming:
Si me mandas la url de tu web puedo ayudarte sin duda alguna, si quieres la envías por mensaje privado 😛
 
Si estas llamando a la imagen con la funcion the_post_thumbnail() wordpress le agrega clases por defecto, busca en la imagen alguna que diga attachment-,despues del guion va la clase relacionada con la miniatura, la copias y la pegas en styles.css con el siguiente codigo, quedaria asi:


attachment-laclasedelaminiatura{

display: block;
clear: both;
margin-right: auto;
margin-left: auto;
}

Para encontrar la clase busca la palabra class, solo subraye una clase pero en mi caso hay 3:
<img width="400" height="250" src="http://localhost/wp/wp-content/uploads/E52-400x250.jpg" class="attachment-new-episodes size-new-episodes wp-post-image" alt="">

Otra opcion es que llames a la thumbnail por la funcion the_post_thumbnail_url, y despues le aplicas una clase con el codigo que te mencione arriba:
<img class="aquiponestuclase" src="<?php the_post_thumbnail_url('nombre de la miniatura'); ?>">
 
Última edición:
Si estas llamando a la imagen con la funcion the_post_thumbnail() wordpress le agrega clases por defecto, busca en la imagen alguna que diga attachment-,despues del guion va la clase relacionada con la miniatura, la copias y la pegas en styles.css con el siguiente codigo, quedaria asi:


attachment-laclasedelaminiatura{

display: block;
clear: both;
margin-right: auto;
margin-left: auto;
}

Para encontrar la clase busca la palabra class, solo subraye una clase pero en mi caso hay 3:
<img width="400" height="250" src="http://localhost/wp/wp-content/uploads/E52-400x250.jpg" class="attachment-new-episodes size-new-episodes wp-post-image" alt="">

Otra opcion es que llames a la thumbnail por la funcion the_post_thumbnail_url, y despues le aplicas una clase con el codigo que te mencione arriba:
<img class="aquiponestuclase" src="<?php the_post_thumbnail_url('nombre de la miniatura'); ?>">

Woooooow gracias!!! Esto si me funciono 🙂 ya se ve centrada la imagen.
 
Atrás
Arriba