Problema con centrar imagen destacada en entradas

Hojure · 8 Nov 2022

Que tal amigos, aún no e podido centrar la imagen destacada en las entradas?? Use en el Editor de css un código que me dejaron en otro post, pero no funcionó!!!
Ayuda!!!
Gracias, saludos!!

MajesticCat · 8 Nov 2022

No tienes que usar el el bbcode [ code], ahi va CSS limpio y puro sin necesidad del [ code]

Tglex · 8 Nov 2022

el código que pegaste esta mal, aparte de quitar el code][/code] como mencionan, te hace falta un corchete "{" despues de "img" para que quede algo asi: .thumbnail img { text-align: center; }

Hojure · 9 Nov 2022

Tglex dijo:
el código que pegaste esta mal, aparte de quitar el code][/code] como mencionan, te hace falta un corchete "{" despues de "img" para que quede algo asi: .thumbnail img { text-align: center; }

Lo puse, como me dijiste bro y no funcionó, sigue estando en la izquierda la imagen!!!

Jaison Mora · 9 Nov 2022

El problema es que con el código que agregaste estás indicando que centre el texto el cuál no hace referencia alguna con la imágen.

Prueba centrando la imagen directamente con este código te debería funcionar.

Insertar CODE, HTML o PHP:

.thumbnail img {
float:none!important;
max-width:100%;
margin-left: auto!important;
margin-right:auto!important;
}

Debora H · 9 Nov 2022

@Hojure luego nos dices si lo has solucionado 🙂

Mr. Robot · 9 Nov 2022

doutop15 dijo:
El problema es que con el código que agregaste estás indicando que centre el texto el cuál no hace referencia alguna con la imágen.

Prueba centrando la imagen con este código te debería funcionar.

Insertar CODE, HTML o PHP:

.thumbnail img { float:none!important; item-align:center!important; width:auto!important; margin-left: auto!important; margin-right:auto!important; }

@Hojure lo has intentado así?

sabogal · 9 Nov 2022

Hojure dijo:
Que tal amigos, aún no e podido centrar la imagen destacada en las entradas?? Use en el Editor de css un código que me dejaron en otro post, pero no funcionó!!!
Ayuda!!!
Gracias, saludos!!

No puedes colocar .thumbnail img porque ese div o contenedor tal vez no lo tengas. Debes buscar el que tengas, puede ser .content img o cualquier otro, y puede iniciar con . o on #, por eso es importante que identifiques el div dentro del cual está tu imagen destacada.

Berker · 9 Nov 2022

Hojure dijo:
Que tal amigos, aún no e podido centrar la imagen destacada en las entradas?? Use en el Editor de css un código que me dejaron en otro post, pero no funcionó!!!
Ayuda!!!
Gracias, saludos!!

No uses bbcode, y revisa con el inspector de elementos el nombre del div como ya te mencionaron... es más, podrías ponerle una class especial como por ej <div class="center-top img"></div> y con eso estarías legando parte del diseño img, pero centrando con center-top o aplicar directamente sobre el div todo el diseño

Debora H · 9 Nov 2022

sabogal dijo:
No puedes colocar .thumbnail img porque ese div o contenedor tal vez no lo tengas. Debes buscar el que tengas, puede ser .content img o cualquier otro, y puede iniciar con . o on #, por eso es importante que identifiques el div dentro del cual está tu imagen destacada.

Exacto, antes de aplicar css al div tendrá que ver como está identificado ese div.

sabogal · 9 Nov 2022

Aquí dejo una captura de pantalla de cómo ubiqué la imagen destacada de un post cualquiera de ayudawp.com, utilizando el inspector de elementos.

Hojure · 9 Nov 2022

doutop15 dijo:
El problema es que con el código que agregaste estás indicando que centre el texto el cuál no hace referencia alguna con la imágen.

Prueba centrando la imagen directamente con este código te debería funcionar.

Insertar CODE, HTML o PHP:

.thumbnail img { float:none!important; max-width:100%; margin-left: auto!important; margin-right:auto!important; }

Este tampoco me funcionó!!

Ander.pe · 9 Nov 2022

Hojure dijo:
Este tampoco me funcionó!!

recuerda borrar el "[C O DE...]" , enviame la url por privado para poder ayudarte si gustas

Hojure · 9 Nov 2022

sabogal dijo:
No puedes colocar .thumbnail img porque ese div o contenedor tal vez no lo tengas. Debes buscar el que tengas, puede ser .content img o cualquier otro, y puede iniciar con . o on #, por eso es importante que identifiques el div dentro del cual está tu imagen destacada.

Amigo tendré que revisar, mañana en la PC, ya que ando en tfl porque es bastante engorroso ver el explorador código por tfl!!

Gabriel23 · 9 Nov 2022

Si gustas te ayudo, no te cobro nada, no es para nada dificil. El sitio es local o ya esta en un hosting? Segun la imagen el codigo deberia de ir asi:
.post-thumb-img-content post-thumb{
aca va el codigo;
}
Cualquier cosa me escribes

Green Tools Media · 9 Nov 2022

@Hojure: Esto puede que te sirva CSS Layout

Problema con centrar imagen destacada en entradas

Hojure

Adjuntos

MajesticCat

Tglex

Hojure

Jaison Mora

Debora H

Mr. Robot

sabogal

Berker

Debora H

sabogal

Hojure

Ander.pe

Hojure

Gabriel23

Green Tools Media

Temas similares