Avisos
Vaciar todo

Cómo colocar imágenes de ancho completo en wordpress

4 Respuestas
2 Usuarios
0 Reactions
15 Visitas
Respuestas: 9
Active Member
Topic starter
 

Buen día equipo de WebEmpresa.

He intentado todo para colocar una imagen de ancho completo en wordpress. Coloque el código add_theme_support( 'align-wide' ); en el archivo functions.php con lo que me permitió obtener los botones de ancho ampliado y ancho completo en Gutenberg; y he intentado con diferentes códigos CSS en el archivo style.css como:

 

.alignfull {
	margin: 32px calc(50% - 50vw);
	max-width: 100vw;
}

.alignwide {
	margin: 32px calc(25% - 25vw);
	max-width: 100vw;
}

o también


.alignwide {margin-left: auto;margin-right: auto; max-width: 960px;}
.alignfull {margin-left: auto;margin-right: auto; width: 100%;}

Alguien que pueda ayudarme. Les agradezco mucho.

 

Contenido solo visible a usuarios registrados


 
Respondido : 11/10/2023 2:42 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Sergio, 

En este caso veo que estás utilizando Elementor, posiblemente la sección principal donde tienes la imagen está añadida en una sección box (caja) y no ancho completo es por ello que no se adapta al ancho de tu pagina. 

Para Verificarlo edita la sección principal donde está la imagen y seleccionar que se adapta al ancho completo 

image

Verifícalo y nos comentas como va todo

Un Saludo 


 
Respondido : 11/10/2023 3:34 pm
Respuestas: 9
Active Member
Topic starter
 

Hola @karen, gracias por tu amabale respuesta.

Para la página en la que quiero agregar una imagen no estoy utilizando elementor, sino el editor de wordpress.


 
Respondido : 11/10/2023 3:53 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Sergio, 

En este caso envíanos la URL donde estás intentando realizar este cambio, de esta forma podemos revisar con mayor detalle. 

Un Saludo


 
Respondido : 11/10/2023 4:08 pm