Confirmacion de pedido (Necesito cambiar el fondo/color de los encabezados de los pasos del pedido)

[jjryeste]

Hola , en prestashop 1.6 , alguien sabe como o donde se cambia el color verde de los pasos del pedido , me aparecen en gris y quiero que salgan verde tal como se avanza en el pedido .

ando loco buscando y no doy con ello gracias.

pongo imagen.

Edited October 18, 2014 by nadie
Moderación edita título del tema para que sea mas descriptivo (see edit history)

[nadie]

Buenas noches, en realidad desde Inspeccionar elemento en Chrome o desde firebug puedes ver como cambiar esos colores.

 

En principio si usas la plantilla por defecto de Prestashop 1.6, sería en el fichero:

/themes/default-bootstrap/css/global.css

Busca esto:

ul.step li.step_current {
font-weight: bold;
background: #42b856;
background: -moz-linear-gradient(top, #42b856 0%, #43ab54 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #42b856), color-stop(100%, #43ab54));
background: -webkit-linear-gradient(top, #42b856 0%, #43ab54 100%);
background: -o-linear-gradient(top, #42b856 0%, #43ab54 100%);
background: -ms-linear-gradient(top, #42b856 0%, #43ab54 100%);
background: linear-gradient(to bottom, #42b856 0%, #43ab54 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42b856', endColorstr='#43ab54',GradientType=0);
border-color: #399b49 #51ae5c #208931 #369946;
}

que son las propiedades del cuadro/bloques verdes (que son en los que estas situados en ese momento que se colorean de verde)

 

y esto:

ul.step li.step_current span {
color: white;
text-shadow: 1px 1px #208931;
border: 1px solid;
border-color: #73ca77 #74c776 #74c175 #74c776;
position: relative;
}

Son las propiedades del texto que esta escrito dentro del cuadro verde

 

--------------

 

(Esto hablamos del verde cuando esta señalado, recuerca background hablamos de fondo, border hablamos del borde

 

----------------

 

Para los grises, en el mismo fichero, busca esto:

ul.step li.step_todo {
background: #f7f7f7;
background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed));
background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0);
}

Es el fondo de los cuadros gris..

 

--

ul.step li.step_todo span {
display: block;
border: 1px solid;
border-color: white;
color: #333333;
position: relative;
}

Son las propiedades de los textos que ahí escritos en los cuadros grises.

PD: Te edito el título del tema para que sea mas descriptivo con la duda.

[jjryeste]

ok, revisare todo eso, muchas gracias nadie , cuanto  tiempo sin saber de ti , una alegria , verte aparecer

has visto este otro , aprovechando que estas por aca

http://www.prestashop.com/forums/topic/370723-login/?do=findComment&comment=1836823

[nadie]

Se me olvidaba...

 

Siguiendo con el fichero:

 

/themes/default-bootstrap/css/global.css

 

Flecha verde:

 

ul.step li.step_current span:after {
background: url(../img/order-step-a.png) right 0 no-repeat;
}

Url imagen:

/themes/plantilla/img/order-step-a.png

Flecha gris:

 

ul.step li.step_todo span:after {
background: url(../img/order-step-current.png) right 0 no-repeat;
}

Url imagen:

 

/themes/plantilla/img/order-step-current.png

Ya te comento, en principio desde firebug o inspeccionar elemento, estas cosas las puedes mirar tambien para detectar el css a modificar, etc.. o detectar una ruta de una imagen, etc.. Edited October 18, 2014 by nadie (see edit history)

[jjryeste]

si , muchas gracias nadie pero pro mas que miro con firebug y con Smart cache" para las hojas de estilo (CSS) deshabilitado , no consigo hacerlo, ser apor que modifique los archivos order-payment.tpl order-steps.tpl  y   shopping-cart.tpl

para efectuar el pedido en tres pasos

[nadie]

Desde firebug puedes ver perfectamente los css a modificar, si tienes en Parametros Avanzados -> Rendimiento desactivado la opción:

 Smart cache" para las hojas de estilo (CSS) 

Me extraña que  teniendola desactivada, desde firebug o inspeccionar elemento no puedas ver los css originales. (¿Limpiastes la cache de tu navegador por si acaso???)