Hello, I need to reduce the space between the button of “Agregar al carrito" and "Pagar al recibir” in my online store (Desktop and Cellphone). If anyone knows how to do it, please help me, I would really appreciate it. Below I’m leaving the link to my online store, thank you very much.
Topic summary
Solicitud de ayuda para reducir el espacio vertical entre los botones “Agregar al carrito” y “Pagar al recibir” en una página de producto de una tienda Shopify.
- Alcance: aplicar el ajuste tanto en escritorio como en móvil.
- Contexto técnico: se busca una solución mediante personalización del tema (CSS/estilos) para disminuir el espaciado entre ambos botones.
- Recursos: se proporciona el enlace al producto afectado y una captura de pantalla para ilustrar la separación excesiva.
- Detalles faltantes: no se indica el nombre del tema ni el archivo/área exacta a modificar.
- Estado: sin respuestas ni solución confirmada; la consulta permanece abierta a indicaciones concretas (p. ej., qué selectores o márgenes/padding ajustar).
Hi @Angelo20300
You can try with this: in your theme edit, on produc t page, main product information section: add the following CSS code into the Custom CSS setting
.product-form-buttons {
gap: 0 !important;
}
Additionally, you can also remove top margin from red button by
#buttonContainerProduct {
margin-top: 0 !important;
}
Result should be
Hello, thank you so much for your help,but I can’t find the product CSS could you help me sharing an image of it?
Please
It worked!, thanks you so much for your help
Have a good day!
1 Like