Interlineado de tema DAWN

Español Debates Temas de Shopify

Topic summary

Problema central: reducir el interlineado (espacio entre líneas/párrafos) que aparece “doble” en los textos del tema Dawn de Shopify, especialmente en la página principal.

Actualización principal: no se puede ajustar desde el editor de temas; se propone hacerlo vía código CSS.

  • Ruta: Tienda online > Temas > Dawn > Acciones > Editar código > Assets > component-rte.css.
  • Añadir al final: “.rte>p { margin-block: auto; }”.
  • Nota: “.rte” corresponde a contenido enriquecido; la regla modifica los márgenes verticales de los párrafos, afectando el interlineado percibido.
  • Recomendación: duplicar el tema antes de personalizar.

Evidencias/adjuntos: se compartieron capturas del editor y una imagen que muestra el espacio a reducir; el snippet CSS es central para la solución.

Seguimiento: se solicitó confirmar si la inserción del código disminuyó el interlineado. Si no funciona, al no ser una personalización soportada por el equipo de temas, se sugiere contratar expertos de Shopify (filtrar por requerimiento, idioma y país).

Estado: sin confirmación de resultados; discusión abierta y pendiente de verificar la solución o proceder con ayuda profesional.

Summarized with AI on February 7. AI used: gpt-5.
2

Hola @Valentina ,

Muchas gracias por escribirnos en los foros de la Comunidad. Entiendo que estás usando el tema Dawn y quieres reducir el interlineado en los textos, ¿cierto?

Efectivamente, desde el editor de temas no es posible modificar el interlineado de los textos. Estuve investigando un poco y es posible hacerlo modificando el código del tema, tal y como se explica en este foro de la Comunidad de Shopify en inglés. Si te sientes cómoda haciéndolo tu misma, puedes seguir estos pasos:

  1. Ingresa al administrador de tu cuenta y ve a Tienda online > Temas > Tema actual (Dawn) > Acciones > Editar código:
![27-30-rjp3g-yc3u5.png|3060x1136](upload://xI7vPCjCAeRiTlyL5cVAVWmS7zB.png)
  1. Luego, haz clic en A****ssets y busca el archivo component-rte.css file y pega el siguiente código al final del archivo:

27-35-292gv-qwepw.png
27-35-292gv-qwepw.png2044×1878 321 KB

Código:

.rte>p {
    margin-block: auto;
}

Una recomendación muy importante es que antes de personalizar tu tema, hagas una copia del tema actual. En este enlace puedes consultar las instrucciones para duplicar tu tema.

Pasando a otro tema, ¿pudiste agregar el selector de país en el encabezado de tu tienda? ¿te sirvieron las recomendaciones de aplicaciones para agregar el selector de país? ¿eres elegible para Geolocation?

1 Like