Cómo eliminar los márgenes de cualquier página de mi sitio Web?  

Hola Guillermo.

¿ Eso no lo vimos en una entrada anterior ?
-> https://www.webempresa.com/foro/37-Pack-Empresa-WordPress/158689-El-Dise%C3%B1o-del-fondo-de-la-secci%C3%B3n-del-contenido-no-cubre-todo-el-ancho-y-alto-de-la-p%C3%A1gina.html

Genesis es un poco complicado para entenderlo estructuralmente y lo que en otros frameworks resulta muy sencillo con este se complica, para lo que buscas tienes que crear diferentes archivos para cada página.

En esta entrada tienes documentación.
-> https://www.billerickson.net/full-width-landing-pages-in-genesis/

En el foro te podemos orientar con artículos pero no podemos meternos en programación :dry:

Un saludo

Hola Pepe,

Claro que ya lo hemos visto, de hecho ayer hemos cerrado el tema porque he creado el fichero que indicaba Bill Erickson y, efectivamente las páginas se quedan de todo el ancho si es seleccionado en cada página.

El problema ahora, es que aunque se observa todo el fondo de la página seleccionada con el atributo "Full Widht Page", cuando quiero colocar una imagen de todo el ancho (La imagen es de 2560 de ancho), no ocupa todo el ancho, siempre y, en todos los casos, se queda un margen. Lo que yo quiero, si se puede, es eliminar esos márgenes, tal como se observa en la imagen que te adjunto de otro sitio Web.

Agradeciendo vuestra ayuda, te saludo atentamente.

HOla

Supongo que te refieres a la imagen central, puedes corregirlo con el siguiente código CSS

.welcome-wide .widget,
.welcome-wide .wrap{
	margin:0;
	padding:0;
	width:100%;
}

.welcome-wide .wrap img{
	width:100%;
}

Sin embargo antes de usar este código en tu archivo .css de tu theme, corrige el CSS ya que que tienes errores actualmente.

Veo por ejemplo este código:

.col-sm-3{
width:33%;
float:left;
}
@media(max-width:768px){
.col-sm-3{
width:100%;
}
}

Esto es incorrecto, es posible que hayas copiado y pegado código de algún otro lado, pero tienes mezclado código HTML, sino corriges esto antes todo lo que coloques después no funcionará (incluído el código que te envié)

Saludos.

Hola Jhon,

Muchas gracias por tu acertada respuesta. Lo he probado y ha funcionado a la primera, sin embargo, no me refería sólo a la sección del widget, en realidad me refería también a cualquier otra página. He realizado una prueba dando un mayor valor a:

/* Site Containers
--------------------------------------------- */
.wrap {
margin: 0 auto;
max-width: 1500px;
}

En max-width tenía el valor de 1140px, pero al cambiarlo a 1500px, las imágenes se me quedan del ancho total en las demás páginas, lo cual es exactamente lo que quiero, pero se observa todo el texto e imágenes un poco alargado o distorsionado, por lo que supongo que debo de re-distribuir el espacio de nuevo entre texto e imágenes. Esto que he hecho es correcto? o, no lo debo hacer por ahí y es por eso que se queda viendo así?.

En cuanto a lo del css, casi seguro que has entrado a ver mi sitio justo en el momento que efectivamente había pegado mal un código, pero inmediatamente lo solucioné. Muchas gracias Jhon.

A la espera de tus instrucciones, te saludo atentamente.

Hola

Aplicar max-width: 1500px; a la clase .wrap es muy genérico, tendrías que buscar algo más específico para que no afecte a tus textos y sólo a las imágenes.

Déjalo como estaba y luego envíanos la url exacta y alguna imagen para ver en donde se necesita aplicar un estilo para ampliar el ancho

Saludos.

Hola Jhon,

Siento decirte que al dejar el max-widht como estaba, es decir, en 1140px, el widget "Welcom Wide" se ha desconfigurado de nuevo, quiero decir que ya no se ve del ancho completo. Nos hemos quedado como al principio.

En cualquier caso, te dejo dos imágenes de la sección en donde también quiero que la imagen que inserte allí, se quede de todo el ancho de la página. La primera corresponde a la cabecera de esa página y la segunda, corresponde a una parte central de esa misma página.

Gracias.

Un saludo.

HOla

Actualmente lo veo correctamente:
Contenido solo visible a usuarios registrados

Envíanos la url en donde tienes problemas, tendrías que dejar aplicada la imagen.

De manera general si la imagen esta dentro del contenido no podrás hacer esto, pero si esta en un área de widget si será posible.

Saludos.

Hola Jhon,

Bueno, desafortunadamente la página a la que me refiero es una que tengo de borrador, es decir, no está publicada y por lo tanto, no la puedes ver. En este caso, sólo puedes ver las imágenes que te he enviado, pero si ya me dices que si la imagen está dentro del contenido no se puede hacer eso, entonces se tendrá que quedar así, pero en todo caso, me extraña porque en otras Web sí que veo que lo hacen (Puede ser por las especificaciones de sus temas).

Por otro lado, el hecho de haber dejado el max-widht a su valor anterior, ha ocasionado que el widget "Wellcom Wide" tampoco se vea del ancho completo de la página, aún habiendo incluido el código que me has enviado. Esto sí que lo puedes ver directamente en el home de mi página o del sitio Web.

Agradeciendo tu colaboración, te saludo atentamente.

HOla

Con respecto a la imagen en todo el ancho y dentro del contenido, efectivamente depende de la estructura del theme, usualmente los constructores de páginas permiten hacer esto, pero si tienes un contenedor que envuelve el texto y la imagen dentro se complica hacerlo por CSS

La imagen de inicio lo veo correctamente, refresca tu navegador ya que es posible que se haya quedado en cache.

Saludos.

Hola Jhon,

Lo siento, pero he borrado cache del PC y del sitio Web, pero sigo viendo la imagen del widget "Wellcom Wide" sin cubrir todo el ancho de la página, es más, se encuentra toda a la izquierda y se queda un gran trozo negro a la derecha. No lo entiendo. Gracias.

Un Saludo.

Hola,

Tu sitio web se encuentra en mantenimiento por lo que no es posible visualizar lo que nos comentas.

Es posible que lo que buscas no se pueda realizar con la plantilla que tienes, una opción quizás es que busques una plantilla que se adapte mas a lo que necesites o que busques un constructor como Elementor por ejemplo: https://elementor.com/