Tengo un problema con el control JO Scroller virtuemart. La zona del boton (Cantidad,+,-,Comprar) en función de la resolucion se me descuadran y no aparece centrado. Por ejemplo: En la web http://www.entheca.es en la parte inferior aparecen el boton (Cantidad,+,-,Comprar) de los productos de virtuemart centrado, sin embargo cuando hago la pantalla mas pequeña se me descuadra y se me descentra. He tratado de hacerlo mediante
.ScrollProductosInicio .addtocart-bar{
margin-left:auto!important
margin-right:auto!important}
pero no me funciona y he tenido que hacerlo mediante
.ScrollProductosInicio .addtocart-bar {
margin: 0 !important;
padding-left: 65px !important;
}
Como podría hacerlo para que se me centrara de forma automatica para todas las resoluciones sin tenerlo que hacer con valores manuales tipo
padding-left: 65px !important;
gracias
pero se me descuadra y ponerlo para adaptarlo a cada resolucion es una pasada de costoso.
URL del sitio: Contenido solo visible a usuarios registrados
¡Hola Raúl!
Si quieres que sea compatible para todas las resoluciones no podrás usar medidas fijas sino relativas. Por lo que tendrás que utilizar porcentajes mediante código CSS.
Prueba a colocar el padding-left de la siguiente forma:
.ScrollProductosTienda .addtocart-bar { margin: 0px !important; padding-left: 25% !important;
Otra opción sería colocar un para el input del botón de comprar desde html.
Saludos
Gracias Rafa. Lo he configurado con porcentajes y lo he solucionado. Podemos dar el caso por solucionado.
Saludos