Como centralizar imagem destacada em entradas do WordPress?

Hojure disse:

Buenas amigos, tengo un problema con las entradas en WordPress, cuando creo una entrada y pongo una sola imagen empezando el post, y la publicó en la miniatura no se ve la imagen? Pero cuando pongo la imagen destacada si sale en la miniatura,

Pero la imagen queda a la izquierda y yo quiero centrada, como puedo hacer?

Gracias!!!

Clique para expandir...

ChinoAleman disse:

Hojure, eso es problema de configurar tu theme.

Para la miniatura siempre se suele tomar la imagen destacada.

Tu, en tu theme, deberías poder seleccionar si quieres mostrar la imagen destacada en el artículo o si la quieres ocultar. También el cómo quieres mostrarlo, en qué tamaño...

Si me dices el theme, te puedo ayudar un poco más (si lo he usado).

Clique para expandir...

sabogal disse:

Las imágenes que se agregan en la entrada de forma manual se pueden alinear manualmente. En el caso de la imagen destacada (Thumbnail), es llamada automáticamente por el theme, y se controla dese el css del theme, por lo que se debe identificar la clase css y hacer la modificación correspondiente.

Algo como así:

Inserir CODE, HTML ou PHP:

.thumbnail img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

Clique para expandir...

Hojure disse:

Amigo, Ese código sirve para poder centrar la imagen destacada?

Clique para expandir...

sabogal disse:

Debería si encuentra la clase correcta, el css que afecta la imagen, obviamente adaptando el código al tamaño de la imágen.

Clique para expandir...

#content img {
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0
}

sabogal disse:

En mi caso, como la imagen ocupa el 100% de, utilizo el siguiente código

Inserir CODE, HTML ou PHP:

#content img {
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0
}

Así que dependerá de cómo sea tu imágen.

Clique para expandir...

Hojure disse:

Disculpa bro y en parte de ccs pego ese código??

Clique para expandir...

sabogal disse:

Debe identificar la clase que afecta la imagen o el div que la contiene. En mi caso la imagen está en el contenedor content, y por eso controlo la imagen con content img.

Para saber qué contenedor afecta su imagen observe el código fuente de la página.

Clique para expandir...

sabogal disse:

Las imágenes que se agregan en la entrada de forma manual se pueden alinear manualmente. En el caso de la imagen destacada (Thumbnail), es llamada automáticamente por el theme, y se controla dese el css del theme, por lo que se debe identificar la clase css y hacer la modificación correspondiente.

Algo como así:

Inserir CODE, HTML ou PHP:

.thumbnail img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

Clique para expandir...

.thumbnail img {
  text-align:center;
}

Ander.pe disse:

Inserir CODE, HTML ou PHP:

.thumbnail img {
  text-align:center;
}

tambien funciona

Clique para expandir...