Avisos
Vaciar todo

Centrar boton añadir a carro de scroller de productos virtuemart  

 
Raúl Ramón Val
 Raúl Ramón Val
Noble Member

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

Citar
Respondido : 12/07/2015 11:30 am
Rafael
 Rafael
Miembro Moderator

¡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

ResponderCitar
Respondido : 12/07/2015 1:54 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Raúl Ramón Val
 Raúl Ramón Val
Noble Member

Gracias Rafa. Lo he configurado con porcentajes y lo he solucionado. Podemos dar el caso por solucionado.

Saludos

ResponderCitar
Respondido : 16/07/2015 4:30 pm