Jump to content

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


jjryeste

Recommended Posts

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.

post-158433-0-76545800-1413625582_thumb.jpg

Edited by nadie
Moderación edita título del tema para que sea mas descriptivo (see edit history)
Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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 by nadie (see edit history)
Link to comment
Share on other sites

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

Link to comment
Share on other sites

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???)

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...