Credit card info fields - page layout wrong on purchased template

[countingmoney]

I'm trying to find where I can change the layout of the credit card information fields on the Payment Information page. The template I'm using (purchased from TemplateMonster) has the expiration year/month fields located in the wrong places. I verified it was the custom template causing the problem, since the default Zen Cart template's layout of this page is fine.
Using v 1.3.8a.

Thanks - Mark RS

[haredo]

Co,
Click on the orange tab on the top of this page Called: Tutorials/Faq

1. Search for: Developers Tool Kit
2. Then find some wording on the page and use that to hunt down the .php file to edit

[countingmoney]

I have already spent two hours searching using the Developer Toolkit, but I'm coming up empty. Any suggestions on search strings?

Thanks, Mark

[belaze]

Hi,
I am having similar problem. Did you find a solution to your problem.

I have also looked by searching the Developer's Tool Kit and no success.

I believe the templates from Template Monster is missing a file in the Includes/Template/YouTemplate, but I cannot find it.

Can any one with more Zen Cart experience point me in the right direction?

Thanks

[gjh42]

You probably need to narrow the search string. Pick something that is distinctive, but does not include anything that might change in different situations.

[belaze]

After many hours pulling my hair, I have found a fix!

Go to:
Includes/Templates/Your Theme/CSS/stylesheet.css

Find:

LABEL.inputLabelPayment {
width: 15em;
float: left;
}

and change to:

LABEL.inputLabelPayment {
width: 15em;
float: middle;
}

Let me know if it works for you.

[gjh42]

float: middle; is an invalid property declaration. It works for you because you want the float ignored, but the better way would be to use

float: none;

or possibly just delete the whole float: xxx; line.

[belaze]

Got it, Thanks for the correction.

float: middle; is an invalid property declaration. It works for you because you want the float ignored, but the better way would be to use

float: none;

or possibly just delete the whole float: xxx; line.

[vdang785]

Hi all,

I'm having this same problem I tried to change the float to none or just delete it, but it doesn't work. This is how it looks like right now. The expiration field is put at the bottom... Can you please help?


I use an algozone template and zen cart 1.3.9h. Algozone is not responding to me.

[gjh42]

We need to see your site live to advise on how to change the styling for your custom template.