Problema con centrar imagen destacada en entradas

  • Autor Autor Hojure
  • Fecha de inicio Fecha de inicio
Hojure

Hojure

Gamma
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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!!
 

Adjuntos

  • Screenshot_20221108-183422.webp
    Screenshot_20221108-183422.webp
    13 KB · Visitas: 31
No tienes que usar el el bbcode [ code], ahi va CSS limpio y puro sin necesidad del [ code]
 
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; }
 
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!!!
 
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;
}
 
Última edición:
@Hojure luego nos dices si lo has solucionado 🙂
 
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í?
 
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.
 
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
 
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.
 
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.

thumbnail.webp
 
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ó!!
 
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!!
 
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
 
Atrás
Arriba