Change color 5 steps box in the cart

[Soesoe]

Hello,

 

I would like to change the red boxes of the 5 steps in the cart.

How can I choose another color and text?

 

 

Thanks in advance

[vekia]

hello

 

you theme is probably non-default one or default with some customization.

by default you can change colors on images: https://localhost/1550b/themes/default/img/step_current.gif

and: https://localhost/1550b/themes/default/img/step_current_span.gif

[Soesoe]

hello

 

you theme is probably non-default one or default with some customization.

by default you can change colors on images: https://localhost/1550b/themes/default/img/step_current.gif

and: https://localhost/1550b/themes/default/img/step_current_span.gif

Hello Vekia,

 

Correct, i'm using a theme that I bought here on Prestashop.

well so i'm at themes/mytheme/img/ and I can see the files you mentioned, with what program should I open them? now it opens in internet explorer but instead of that its red, they are yellow. 

[vekia]

can you share url to your website?

i will check it, you probably use some modifications (or different theme - i mean your theme is in different directory)

[Soesoe]

can you share url to your website?

i will check it, you probably use some modifications (or different theme - i mean your theme is in different directory)

Yes, you can check my site here: www.bazendeal.nl

thanks for your help

[vekia]

this is correct path: http://www.bazendeal.nl/themes/gzilla/images/step_2.png

[Soesoe]

this is correct path: http://www.bazendeal.nl/themes/gzilla/images/step_2.png

So I should draw the box for example in paint in the color I desire and replace it?

And what about the text? I want white text and orange or blue boxes, still have to try both.

[vekia]

text color is defined in css styles, you can change it there

global.css located in your theme directory, by default near line 443

ul.step li a, ul.step li.step_current span, ul.step li.step_current_end span {
display: inline-block;
padding: 8px 10px 12px;
color: #000;
background: url(../img/step_current_span.gif) no-repeat center bottom transparent;
}

change color: #000; param to any other you want

[Soesoe]

text color is defined in css styles, you can change it there

global.css located in your theme directory, by default near line 443

ul.step li a, ul.step li.step_current span, ul.step li.step_current_end span {
display: inline-block;
padding: 8px 10px 12px;
color: #000;
background: url(../img/step_current_span.gif) no-repeat center bottom transparent;
}

change color: #000; param to any other you want

 

I couldn't change the red color but I changed the text color to white, so it looks much better now instead of black text on red box.

Thanks alot for your help.

[vekia]

you're welcome, i just wondering why you can't change background color?

have you tried to change image colors?

[Soesoe]

Yes I was wondering too, it stays red.

I changed two colors to FFFFFF = white

Look here:

 

/* CART steps *********************************************************************** */

.ul#order_step { }

ul.step {

list-style-type:none;

margin-bottom:30px;

height:52px;

width:700px

}

ul.step li {

float:left;

height:52px;

width:140px;

text-align:center;

text-transform:uppercase;

background:url(../images/step_4.png) no-repeat center bottom transparent

}

ul.step li a, ul.step li.step_current span {

display:inline-block;

padding:8px 10px 12px;

color:#FFFFFF;

background:url(../images/step_2.png) no-repeat center bottom transparent

}

ul.step li.step_current {

font-weight:bold;

background:url(../images/step_1.png) no-repeat center bottom transparent

}

ul.step li.step_todo span {

display:inline-block;

padding:8px 10px 6px;

color:#FFFFFF;

text-shadow:0 1px 0 #fff;

background:#eee

}

ul.step li.step_done {

font-weight:bold;

background:url(../images/step_3.png) no-repeat center bottom transparent

}

ul.step li#step_end {background:url(../images/step_4.png) no-repeat center bottom transparent}

[vekia]

that's correct - font color will be different, im convinced.

but what about image? http://www.bazendeal.nl/themes/gzilla/images/step_2.png

you want to change it or not ? (im lost now )

[Soesoe]

Hello Vekia,

 

If it's possible to change the red color it would be nice, I was already happy that the font color changed to white

How can I cahnge this step_2 back color?