Reducción de espacio entre secciones específicas en tema Streamline de Shopify

  • Autor Autor Stoic
  • Fecha de inicio Fecha de inicio
Stoic

Stoic

Préstamo
Épsilon
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Hola compañeros,

En mi tienda online de Shopify cuento con el theme Streamline. Nose si es un bug, o si toque algo por error, pero el espacio entre 2 de las secciones es muy grande.

Este problema solamente me ocurre entre 2 secciones en especifico cerca de la mitad de la tienda.

Investigué e intenté varias formas, pero en la mayoria de los casos dan códigos generales que se agregan al final de theme.scss.liquid y modifican los espacios de todas las secciones por igual, arruinando los espacios que anteriormente estaban normales.

Mis preguntas son:
1) ¿Cómo hago para identificar especificamente solo estas 2 secciones?
2) Una vez localizadas, que código tengo que agregar (y donde) para minimizar el espacio entre estas?

Espero haber sido claro.
Muchas gracias!
 
Última edición:
Hola compañeros,

En mi tienda online de Shopify cuento con el theme Streamline. Nose si es un bug, o si toque algo por error, pero el espacio entre 2 de las secciones es muy grande.

-----------------------------------------

A menor escala, se ve algo asi:

Sección 1







Sección 2

Yo preferiría que sea así:

Sección 1


Sección 2

-----------------------------------------

Este problema solamente me ocurre entre 2 secciones en especifico cerca de la mitad de la tienda.

Investigué e intenté varias formas, pero en la mayoria de los casos dan códigos generales que se agregan al final de theme.scss.liquid y modifican los espacios de todas las secciones por igual, arruinando los espacios que anteriormente estaban normales.

Mis preguntas son:
1) ¿Cómo hago para identificar especificamente solo estas 2 secciones?
2) Una vez localizadas, que código tengo que agregar (y donde) para minimizar el espacio entre estas?

Espero haber sido claro, la programación no es lo mio.
Muchas gracias!
No se mucho, soy muy amateur, pero si usas inspecionar elemento de Chrome esa seccion no te muestra un ID diferente para cada seccion en el CSS?
 
No se mucho, soy muy amateur, pero si usas inspecionar elemento de Chrome esa seccion no te muestra un ID diferente para cada seccion en el CSS?

Gracias por responder. Si, probé de esa forma pero al buscar el ID usando ctrl + F en theme.scss.liquid no logro encontrarlo. Quizas estoy buscando en el lugar incorrecto
 
Gracias por responder. Si, probé de esa forma pero al buscar el ID usando ctrl + F en theme.scss.liquid no logro encontrarlo. Quizas estoy buscando en el lugar incorrecto
Descarga los archivos todos si es posible, abrelos al mismo tiempo en Dreamweaver y dale a buscar y elije la opcion de buscar en todos los archivos abiertos o de la carpeta, no recuerdo bien la opcion. Si existe, debera aparecer en unos de ellos.
 
Dale click derecho a la página y dale en inspeccionar con eso te das cuenta fácilmente. Si lo encuentras te puedo ayudar a editar los estilos ya que es algo muy fácil por lo que veo probablemente sea que re escribiste el margin-bottom por error.
 
si no lo consigues puedes re escribir la clase al final del css machacando la propiedad colocandole !important
 
Atrás
Arriba