Hi
I noticed that the tab alignment of the checkout page is all over the place. Not sure what is causing this and how to fix. Any help is sincerely appreciated
Thanks
Sap
You've got a problem with either CSS OR you attempted to upgrade jquery/added javascript code per your other thread.
J.
[quote name='JesseLeeStringer' timestamp='1308572361' post='115327']
You've got a problem with either CSS OR you attempted to upgrade jquery/added javascript code per your other thread.
J.
[/quote]
I guess this looks like CSS issue but the fact is I never touched styles.base.css at all!! Not sure what else could have caused this?
What can I do to fix it? Maybe adjust CSS? Below is the CSS code from styles.base.css - can this be tweaked to fix the alignment?
/* One page checkout styles /
.step-container, .step-container-active {
margin: 2px 0px 3px 0px;
}
.checkout-steps {
margin-left: 28px;
padding: 2px 4px 1px 4px;
}
.step-title, .step-title-active {
padding: 8px 9px 6px 7px;
}
.step-title-active {
padding: 9px 8px 7px 7px;
}
.step-title span.float-left, .step-title-active span.float-left {
margin: -5px 0px 0px -40px;
font: bold 21px Tahoma;
}
.step-title img.float-right {
padding-top: 2px;
padding-left: 10px;
}
.step-title-active img.float-right {
padding-top: 1px;
}
.step-body, .step-body-active {
padding: 3px 28px 10px 21px;
}
.step-body .shipping-rates, .step-body-active .shipping-rates {
padding-top: 14px;
}
.step-body .shipping-rates label {
width: auto;
padding: 4px 5px 0px 0px;
}
.step-body .step-complete-wrapper label {
padding-top: 0px;
}
.step-body-active {
padding: 16px 20px 20px 20px;
}
.step-title a.title, .step-title a.title:hover, .step-title-active a.title, .step-title-active a.title:hover {
text-decoration: none;
padding-left: 14px;
}
.checkout-textarea {
width: 374px;
}
#summary {
padding-top: 10px;
}
.step-complete-wrapper .form-field label {
margin: 0 5px 0 0;
width: auto;
}
.step-complete-wrapper .form-field {
padding-left: 0px;
margin: 0 0 6px 0;
}
.checkout-left-col{
width: 65%;
}
.checkout-right-col{
width: 35%;
}
.checkout-right-col .right-column{
width: 100%;
float: right;
margin-top: 50px;
margin-left : 0px;
}
/
/* One page checkout styles */