Avisos
Vaciar todo

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

 
José Sergio
 José Sergio
Usuario activo

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

Citar
Respondido : 11/10/2023 3:42 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa 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 

ResponderCitar
Respondido : 11/10/2023 4:34 pm

Cursos Gratuitos WordPress

José Sergio
 José Sergio
Usuario activo

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.

ResponderCitar
Respondido : 11/10/2023 4:53 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 11/10/2023 5:08 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress