Ampliar imagem destacada no WP ajustando texto ao container

  • Autor Autor gerbolso8
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
gerbolso8

gerbolso8

Zeta
Verificado
Verificación en dos pasos activada
Buenas a todos,

Estoy buscando que las imagenes destacadas, tanto de las entradas como de las páginas tengan full width, pero que el texto se siga acoplando al contenedor.
Alguien sabe como hacer esto, ya sea con plugin o código

También precisaría que la imagen destacada encima tenga el título en blanco con un sombreado para que se vea cuando las imagenes son claras y debajo un subtitulo si se puede

Adjunto una muestra sobre como sería lo que busco
img destacada wp.webp
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Buenas a todos,

Estoy buscando que las imagenes destacadas, tanto de las entradas como de las páginas tengan full width, pero que el texto se siga acoplando al contenedor.
Alguien sabe como hacer esto, ya sea con plugin o código

También precisaría que la imagen destacada encima tenga el título en blanco con un sombreado para que se vea cuando las imagenes son claras y debajo un subtitulo si se puede

Adjunto una muestra sobre como sería lo que busco
Ver o anexo 382229
Hola,

Para lograr que las imágenes destacadas tengan un ancho completo y que el texto se ajuste al contenedor, puedes probar a añadir el siguiente código CSS en el archivo de estilo de tu tema o a través de un plugin como Simple Custom CSS:

CSS:
.entry-content img {
    max-width: 100%;
    height: auto;
}

.entry-content {
    max-width: 100%;
}

.entry-content p {
    max-width: 100%;
}

Para añadir el título en blanco con sombreado encima de la imagen destacada y un subtítulo debajo, puedes utilizar algún plugin de maquetación visual, como Elementor, que te permitirá diseñar la estructura deseada de forma intuitiva. En Elementor, podrías añadir un nuevo bloque de texto para el título superior y otro bloque de texto para el subtítulo inferior.

Espero que esta sugerencia sea de ayuda para lograr el diseño que estás buscando. ¡Si tienes alguna otra pregunta, no dudes en decírmelo!
 

Tópicos similares

Voltar
Topo