Avisos
Vaciar todo

[Resuelto] Ancho de imagen completo con elementor en home

10 Respuestas
2 Usuarios
1 Reactions
30 Visitas
Respuestas: 18
Active Member
Topic starter
 

Hola, traté de colocar dos imágenes en la home: 1172 x 287 px , pero no abarcan todo el ancho, a pesar de configurarlas en elementor, ¿podrías indicarme cómo cambiarlo?

 

Adjunto capturas de imágenes.

Saludos,

1 home
2 home

 

Contenido solo visible a usuarios registrados


 
Respondido : 16/04/2021 10:50 pm
Tags del tema
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Gabriela,

Veo que si se visualiza en ancho completo pero parece ser que tiene un margen aplicado, verifica en las opciones avanzadas de la columna donde agregas la imagen:

image

Verifica directamente aquí si tiene aplicado un espaciado ya que veo que se le aplica un padding de 10px es decir debe tener asignado 10px de separación en estas configuraciones.

Un saludo 🖐️ 


 
Respondido : 16/04/2021 10:56 pm
Respuestas: 18
Active Member
Topic starter
 

Hola @argenis, por lo que veo en esa sección no aparecen los 10x

Desde la pc, celular o tablet se nota que no abarca todo el ancho de la pantalla.

Por favor mira la imagen.

3home

 


 
Respondido : 16/04/2021 11:20 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Gabriela,

Como te comento, si abarca el ancho completo pero tiene un espaciado

image

Verifica ingresando primero en el que te marco con un número 1, y luego en el que te marco con un 2, para validar que en estos dos lugares no tengas el espaciado.

Un saludo 🖐️ 


 
Respondido : 16/04/2021 11:54 pm
Respuestas: 18
Active Member
Topic starter
 

Hola @argenis , he visto con paciencia los 2 pasos y creo que el tema es en el área de disposición, ¿tal vez en las alineaciones?

El e

Por favor ve las imágenes adjuntas.

1 home
2 home

 

 
3home

 
Respondido : 17/04/2021 12:21 am
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Gabriela,

Veo que la web se ha dejado de visualizar como antes te comparto captura:

image

Igualmente te comparto unos pasos:

Haz click en el librito de la columna primeramente:

image

Luego ingresas a los ajustes avanzados y escribes esto:

image

Luego de que hagas esto ya debería verse sin el borde pero si aun asi no lo hace, ingresar haciendo click en la imagen para que se abra el editor de la misma y vas a la pestaña de estilo y asignas 100% al ancho:

image

Verifica y nos comentas.

Un saludo 🖐️ 🖐️ 


 
Respondido : 17/04/2021 12:35 am
Respuestas: 18
Active Member
Topic starter
 

Gracias @argenis

Tu aporte fue de gran ayuda.

Si quiero eliminar el espacio entre el menú principal y el banner, como la muestra en la imagen adjunta, ¿Qué CSS debo agregar en la sección de personalizar?

Porque desde el celular se nota el espacio y desde la tablet también se percibe. 

Atenta a tus comentarios

1 home
2home

 


 
Respondido : 17/04/2021 1:18 am
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Gabriela,

Efectivamente veo un espacio en blanco, si quieres eliminarlo verifica con este código css:

header#masthead {
margin-bottom: 0px !important;
}

Un saludo 🤓 🖐️ 


 
Respondido : 17/04/2021 1:32 am
Respuestas: 18
Active Member
Topic starter
 

Hola @argenis

Gracias por tu ayuda y paciencia en la explicación.

Un abrazo a la distancia.


 
Respondido : 17/04/2021 1:45 am
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Gabriela,

Estupendo 😀, nos alegra que lograses solventar todo, si tiene salguna otra duda recuerda crear un nuevo tema.

un saludo 🤓 🖐️ 


 
Respondido : 17/04/2021 2:00 am
Gabriela reaccionó