Avisos
Vaciar todo

Centrar texto en botón "Añadir al Carrito"  

 
Carlos Mateos
 Carlos Mateos
Estimable Member

Hola!

¿Puede decirme alguien como centrar el texto del botón "Añadir al carrito"?

Muchas gracias!
Sympso.

Citar
Respondido : 28/06/2010 8:08 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Esto depende de la plantilla que estés usando para el Virtuemart. Normalmente lo que tendrás que hacer es editar el archivo theme.css del tema de Virtuemart que tengas seleccionado en la configuración de Virtuemart y buscar la etiqueta CSS input.addtocart_button.

Agregando en esta etiqueta un padding-left del tamaño adecuado es posible que te sirva para centar el texto en el botón.

ResponderCitar
Respondido : 28/06/2010 9:27 pm

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

Carlos Mateos
 Carlos Mateos
Estimable Member

No consigo solucionarlo.

Encuentro el archivo en:
/public_html/components/com_virtuemart/themes/vm_orange/theme.css

Efectivamente estoy trabajando con el theme orange.

Localizo la parte de código indicada:

input.addtocart_button_module:hover {
color: #333333;
}

La modifico a:

input.addtocart_button_module:hover {
color: #333333;
padding-left: 30px;
}

Y el texto sigue saliendo en la misma posición.

¿Qué hago mal?

Gracias!
Sympso.

ResponderCitar
Respondido : 02/07/2010 2:03 pm
David Noguera
 David Noguera
Miembro Moderator

Hola Sympsodon,

puedes poner la URL de la tienda en cuestión?? Así con el Firebug te podré decir que código añadir exactamente para que funcione.

Saludos.

ResponderCitar
Respondido : 02/07/2010 4:56 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Carlos Mateos
 Carlos Mateos
Estimable Member

Gracias!

La web es www.aquariavirtual.com y puedes comprobar un caso por ejemplo:
http://www.aquariavirtual.com/index.php?page=shop.product_details&category_id=311&flypage=shop.flypage&product_id=1303&option=com_virtuemart&Itemid=1&vmcchk=1&Itemid=1.

Sympso.

ResponderCitar
Respondido : 02/07/2010 6:29 pm
Carlos Mateos
 Carlos Mateos
Estimable Member

Gracias a la pista del Firebug lo he podido resolver yo mismo.

He cambiado en addtocart_button, .notify_button la parte de text-align:center; a text-align:right;

Gracias!
Sympso.

ResponderCitar
Respondido : 02/07/2010 6:33 pm

Cursos Gratuitos WordPress

David Noguera
 David Noguera
Miembro Moderator

OK, nos alegramos de que lo hayas podido solucionar por tí mismo.

Saludos.

ResponderCitar
Respondido : 02/07/2010 8:45 pm