[Solucionado] Cambiar color amarillo de los botones de la plantilla por defecto Prestashop 1.5.6.2.

[tresenraya]

Buenos días,

 

Me gustaría modificar los colores de fondo de los botones de añadir al carrito, confirmar pedido, etc, y cambiar ese amarillo por un rojo y las letras en blanco. Siguiendo los consejos de otras entradas de este foro, he procedido a cambiar algunos valores desde global.css pero sólo me obedece al border color de los botones:

 

position:relative;

display:inline-block;

padding:5px 7px;

border:1px solid #ab1421;

-moz-border-radius: 3px !important;

-webkit-border-radius: 3px !important;

border-radius: 3px !important;

font-weight:bold;

color:#ffff;

background:url(../img/bg_bt.gif) repeat-x 0 0; #ab1421; 

cursor: pointer;

 

El problema lo tengo en el color:#ffff y background:#ab1421, que no me hace nada.

 

¿Qué me puede estar fallando?

 

envío link:

www.tresenrayapublicidad.es

 

GRacias

[xabikip]

position:relative;
display:inline-block;
padding:5px 7px;
border:1px solid #ab1421;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
font-weight:bold;
color:#ffff;
background:url(../img/bg_bt.gif) repeat-x 0 0; #ab1421; 
cursor: pointer;

 

El problema lo tengo en el color:#ffff y background:#ab1421, que no me hace nada.

 

Quitale la imagen en el background y en color necesitas solo 3 f.

Quedaria asi:

position:relative;
display:inline-block;
padding:5px 7px;
border:1px solid #ab1421;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
font-weight:bold;
color:#fff;
background: #ab1421; 
cursor: pointer;

[tresenraya]

De Acuerdo. Ahora sí me funciona. Quedaría de la siguiente manera:

 

font-weight:bold;

color:#fff;

background-color:#ab1421; 

cursor: pointer;

 

 

Muchísimas gracias

[xabikip]

Ok, me alegro.

 

Gracias,

[tresenraya]

Ahora sólo me falta modificar los siguientes botones, pero no encuentro la manera:

- EL botón de continuar la compra, quiero poner otro de color de fuente que se aprecie mejor.

- Los fondos amarillos del proceso de pago también los quiero con un #ab1421.

- Los fondos de personalización del producto y descripción.

-Botones 1-2-y3 del Slider del home.

- Link: "VER" de los bloques de los productos.

 

¿Me imagino que todos estarán en global.css pero no tengo ni idea de qué valores tocar, por si me cargo algo...

 

Gracias 

[xabikip]

No se que navegador usaras pero todos tienen extensiones para inspeccionar elementos y asi poder saber que estilos modificar.. En firefox puedes usar la extension Web developer.

Una vez que tengas instalada la extension web developr, pones el raton encima del elemento que quieras modificar y clickando en el boton derecho eliges inspeccionar elemento. Te saldra una ventana donde te dice que estilo css es que se le aplica, como en que archivo esta.

[tresenraya]

ok muchas gracias

[nadie]

Como veo que el autor del tema ha dado el tema como solucionado, añado la palabra "Solucionado" al titulo del tema (http://www.prestashop.com/forums/topic/269515-solucionado-%C2%BFcomo-poner-la-palabra-solucionado-en-el-titulo-del-tema/) y procedo a cerrar el tema.

 

Gracias a todos por colaborar con la Comunidad de Prestashop.

 

PD: Un videtutorial de firebug, por aquí: http://www.prestashop.com/forums/topic/209203-uso-basico-de-firebug/

 

Saludos,