Hola, buen dia.
Estoy utilizando la IA de Google para resolver algunos problemas surgidos al crear la web con la IA de Webempresa, y este es el mensaje que me ha sugerido enviar. No tengo experticia en la creación de webs ni en los códigos CSS.
"Hola, estoy usando un tema de bloques moderno (FSE) con patrones de Extendify en aecave.es. En mis páginas internas, el espacio vertical (relleno/padding) entre las secciones y bloques principales es excesivamente grande (usa variables--wp--preset--spacing--70de unos 112px). Necesito un código CSS específico para reducir este espacio en blanco de las páginas internas a unos 40px, pero asegurando que no afecte ni rompa la estructura de la cabecera y el menú superior global. ¿Me podrían indicar la clase exacta a modificar?"
Atentamente,
German
Hola German,
Disculpa si no comprendo bien cual es el espacio que necesias reducir, es el de los items de tu menu? ya que son los que veo señalados en las imagenes. Te comento esto ya que no veo que el espacio de los items sea muy grande
Puedes indicarnos nuevamente en una imagen cual es el espacio que intentas reducir? de esta forma podemos ayudarte con mayor detalle.
Un Saludo
Hola Karen,
Muchas gracias por tu respuesta.
En la captura de pantalla compuesta enviada antes, yo marqué con una línea vertical naranja el espacio que me gustaría reducir.
En la parte superior, esa línea aparece al final de la imagen que identifica el comienzo de la seccion Inicio y la imagen (no visible por completo) de la siguiente subsección dentro de la página de Inicio.
En la parte inferior de la captura de pantalla que corresponde a la sección Quienes Somos, la línea vertical naranja está al final de la foto que identifica la sección y el comienzo de la siguiente imagen (incompleta) de la subsección que está a continuación.
Probablemente si navegas en nuestra web podrias ver esos espacios blancos tan anchos que me gustaria reducir.
Avísame, por favor, si hay otra manera que me permita indicarte lo que estoy solicitando.
Atentamente,
German
Hola German,
Comprendo, este espacio en blanco es usado para descansos visuales; estéticamente, está en lo correcto la IA en dejar espacios; aunque parezcan que son muy amplios, no lo son; estos ayudan a que la web no se sienta pesada y aligera mucho la vista. Si te das cuenta, en una captura completa no se ve tan alto el espacio:
De igual forma, si quieres mover el espaciado del home, primero abre el editor de esta página, y vas a ver, al hacer clic en la sección, estos botones:
En ese que te marco, el cual debes tener así en negrita con icono blanco, lo presionas y te elimina el alto completo al banner principal, dejando solo un poco de espacio. Luego con respecto a las secciones internas, por ejemplo, en Quiénes somos. Haz clic en la seccion grande y luego asegurate de hacer clic a esta parte:
De forma que veas esos botones, luego haces clic en el que te indico, que es un círculo blanco y negro, al hacer clic verás algunas opciones; entre ellas está:
Debes tener algo similar, con una barra de relleno superior e inferior avanzada; puedes mover este scroll hasta que quedes a gusto con el espaciado; ya luego lo repites para cada sección.
Un saludo
Hola Karen,
Muchas gracias por tu análisis y explicaciones sobre los espacios en blanco. Siguiendo tu recomendación, voy a dejarlos así como están.
Tengo otro problema que lo plantearé por separado.
Atentamente,
German