Although I’ve configured styles to make the theme FULL WIDTH, I can’t achieve it when designing a product page. I would like to eliminate any white spaces between the left margin and the images, and between the images too. Therefore, the text should have padding to look good.
Topic summary
Tema: conseguir una página de producto a ancho completo en el tema Dawn, eliminando márgenes y espacios entre imágenes, y ajustando el padding (espacio interior) del texto.
-
El autor quiere quitar el espacio en blanco del margen izquierdo y entre las imágenes del producto. También desea que el texto mantenga padding adecuado para verse bien.
-
Se compartieron una captura de pantalla y un enlace de vista previa, centrales para entender el diseño buscado.
-
Un colaborador pidió la URL y propuso una solución con CSS, indicando añadir código al final de theme.liquid. Con esto, el margen izquierdo quedó resuelto según el autor.
-
Persisten problemas: no logra reducir a 0 el espacio entre las imágenes de la cuadrícula (el editor visual limita a 4 px). Solicitó código para dejar ese espacio en 0.
-
Además, pidió añadir padding al texto del producto en móviles (arriba y laterales).
-
Estado actual: el colaborador pidió abrir un nuevo post para estas nuevas solicitudes. No hay código específico publicado para los espacios entre imágenes ni para el padding en móvil, por lo que el tema queda parcialmente resuelto y abierto.
Hello @NachoBCN12
Its Artzen Technologies! We will be happy to help you today.
Please send your store url
Let me know if need further assistance
Regards,
Artzen Technologies
can’t send because is not publish…
you want like this
You can try to follow these steps:
Go to Online Store → Themes → Actions → Edit code.
Go Assets folder → theme.liquid file.
Add the following code in the bottom of the file above tag
Thank you very much! It works well on the left margin, but not in the spaces between the grid of images. I’ve tried to change it through the design section, but it doesn’t allow me to reduce it to less than 4 px. Could you provide me with the code to set that space to 0?
Likewise, when the product text is displayed on mobile devices, I would like to add padding both above and on the sides.
Thank you very much for your help.
@NachoBCN12 Please ask this question in another post