Personalizar Menú con botones de distinto color y fondo de imagen que se adapte al tamaño  

Hola Miguel.
¿Puedes indicarnos la URL de la web de la que quieres realizar las modificaciones?

Un saludo

Hola Pepe, gracias por la ayuda.
De momento he creado un prestashop de pruebas, esta es la url http://tuwebaunclick.com/pruebasprestashop/

Hola Miguel.

Los estilos se modifican desde css en el archivo ' customuser.css ' que encontraras en ' pruebasprestashop/themes/Himalia/css/customuser.css

Por ejemplo, este código es el que muestra el botón:

.btn-default {
 background-color: #666;
    border: 0 none;
    color: #fff;
    padding: 8px 12px;

Supongamos que quiero cambiar el color del fondo del botón, modificaría ' background-color: #666; ' por el código del código que quiero.

Código de Colores

¿ Como puedes identificar el código que tienes que modificar ?
Existe una herramienta de navegador que te ayudara en esa tarea.

Revisa esta entrada del blog donde se explica su uso:
Cómo modificar estilos CSS en Plantillas Joomla, WordPress o PrestaShop

Un saludo

Hola de nuevo Pepe, una pregunta.
¿Esto no modificaría el color de todos los botones?.
Y otra cosa, mi intención es cambiar el fondo por una imagen que se adapte, te explico.
La idea que que cuando el botón sea más ancho por su texto, la imagen se adapte también en los laterales. Te envío un archivo adjunto para que lo veas. 😉

Hola

Para lograr esto que comentas tendrías que modificar mucho el diseño del theme ya que no esta pensado para trabajar con imágenes de fondo.

Lo que te recomiendo es buscar desde el inicio un theme al cual no tengas que hacerle muchas modificaciones.

Lo que deseas se podría hacer pero con muchas modificaciones y podría complicarte, especialmente si no conoces CSS y programación de themes

Saludos.

¿Me recomiendas algún tema para esto?

Hola Miguel.

¿ Cambiar una plantilla o basarse en una plantilla por un botón con imagen ? ¿ Tan importante es ?

Dime exactamente que es lo que buscas ¿ que imagen quieres que se represente ? ¿ es un icono ? ¿ Es una fotografía ? ¿ Serian todos los botones o uno en concreto ?
¿ Puedes adjuntarnos la imagen que quieres que se muestre ?

Uff, demasiadas preguntas :ohmy: pero bueno si nos respondes podremos ver como solucionarlo.

Un saludo

Hola Pepe, me he propuesto diseñar una tema totalmente personalizado, "a ver hasta donde puedo llegar".
La cuestión es que mi intención es que cada botón tenga un color diferente.
Y la imagen de fondo, no es que sea imprescindible, pero puedo conseguir acabados de envejecido y cosas mas interesantes si utilizo imágenes.

Ahh, y no me importa cambiar de plantilla, prefiero la que permitas mejores cambios sin tantas complicaciones, jej.

Hola Miguel.

El tema de cambiar el color de los botones no hay problema, solo es crear una clase para cada botón con el color que quieras.

Por ejemplo como te comente en el hilo anterior con el código para en ' .btn-default '.
Seria lo mismo pero por ejemplo en este caso lo llamaríamos btn-boton1.

.btn-boton1 {
 background-color: #666; ( Cambiar por el valor del color que quieras ) 
    border: 0 none;
    color: #fff;
    padding: 8px 12px;

Luego tienes que realizar la llamada al botón por ejemplo:

Más información

Si lo que quieres es añadir una imagen a ese botón, los pasos son los mismos, solo que añadimos también una imagen:

.btn-boton1 {
 background-color: #666; ( Cambiar por el valor del color que quieras ) 
 background-image: url("img/paper.gif"); ( Cambiar por la URL donde esta almacenada la imagen ) 
 border: 0 none;
 color: #fff;
 padding: 8px 12px;

Todo esto lo puedes aplicar a la plantilla que quieras, solo hay que ver la web que instalas, revisar el código que maneja los botones y adaptarlo a tus necesidades con un poco de CSS.

Primero decide que plantilla quieres utilizar, instala y luego vamos por pasos 😉
Cuenta con nosotros para ayudarte en todo lo que necesites 🙂

Un Saludo