Post by SeanHornby » Wed Oct 31, 2012 1:44 am

On two of our sites that we have just developed, and, whenever we go to the checkout page and go to step 2, the bars appear to be squished together. I can't for the life of me figure out how to shorten these bars and still have then lined up correctly.

Any idea? It looks naff right now :)




Mon Oct 15, 2012 8:02 pm

Post by labeshops » Wed Oct 31, 2012 2:42 am

It's because of the width of your page and the input areas.

The class for them is "large-field" which is in your stylesheet as:

Code: Select all

input.large-field, select.large-field {
	width: 300px;
Change the width until you get it to fit better. Testing it with firebug, 270px seems about right.

BTW, the latest products' add to cart buttons on your checkout aren't working for me in firefox.

Running Opencart v2.2 with multi-stores from which has links to all my stores.


User avatar
Expert Member


Thu Aug 04, 2011 4:41 am
Location - Florida, USA

Post by SeanHornby » Wed Oct 31, 2012 4:45 pm

Thanks for your help, I knew it would be something simple, but after spending a day looking at code my brain didn't want it to recognise.

As for the Firefox issue, I'm looking into it, as it doesn't work either for my IE, but on my colleagues PC next to me it works fine. Bizarre.



Mon Oct 15, 2012 8:02 pm

Post by ShaneTFletcher » Wed Oct 31, 2012 4:54 pm

If you are using Google Chrome. I had the same problem and the issue was with the cookies. Just simply delete your cookies on the web browser and see what happens. Maybe it will work for you!

New member


Sat Jul 07, 2012 4:32 am
Who is online

Users browsing this forum: No registered users and 25 guests