Change font style in one page checkout

Developers Frontend
1

Hi,



I am using one page checkout. I noticed that steps except the current are dispalyed in italics. I want to change it to normal font. I searched for files, but could not find. What files should I look and change?



Thanks,

2

What version of CS?

3

I got it.



FYI…



skins/[customer-skin]/customer/views/checkout/components/checkout_steps.tpl

skins/[customer-skin]/customer/views/profiles/components/step_profile_fields.tpl

style.css → step-complete-wrapper





Tony, I am using 2.0.14.

Thanks,

4

I’m assuming that you are talking about version 2.0.14 or 2.0.15 since my 2.1.1 doesn’t have italics?



If I’m right then in your skins/your-skin/customer/styles.css around line 799 you should have:


.step-complete-wrapper, .step-complete-wrapper strong {
color:#8CA1A1;
font:italic 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
}



Just change it to:


.step-complete-wrapper, .step-complete-wrapper strong {
color:#8CA1A1;
font:11px Verdana,Geneva,Arial,Helvetica,sans-serif;
}



The best way to check your styles is with Firebug for Firefox. Using Firebug it only took me a few seconds to find this code.



Hope it helps,



Brandon