Virtuemart Support :: Topic: Quantity buttons out of alignment (1/1)

Welcome, Guest

TOPIC: Quantity buttons out of alignment

Quantity buttons out of alignment 11 years 2 months ago #3246

Mike Plowcha

Hello. I recently purchased the PurtMart template for a site I am working on and noticed that the default add to cart quantity buttons appear to be out of alignment. I tried removing the side module to make the screen full width, but the appearance remains the same on Chrome, IE 8, Firefox 3.?(mac) and on Safari 3.2.1 (mac) it is almost off of the page.

I understand I will need to edit the CSS, but couldn't get it to align properly using firebug or Insepect element tools.

What do you recommend to get this to look correctly on my site?

Thanks!

The administrator has disabled public write access.

Quantity buttons out of alignment 11 years 2 months ago #3260

senero	Hi, Exactly the same problem here, I can't get the right css code with firebug to solve this problem. thanks!
	The administrator has disabled public write access.

Quantity buttons out of alignment 11 years 2 months ago #3262

John	urls???
	The administrator has disabled public write access.

Quantity buttons out of alignment 11 years 2 months ago #3270

senero	Hi john, I send you an email with the url of my website
	The administrator has disabled public write access.

Quantity buttons out of alignment 11 years 2 months ago #3290

John	Got the email but the url is a 404?
	The administrator has disabled public write access.

Quantity buttons out of alignment 11 years 2 months ago #3294

senero	send you an email, please try that.
	The administrator has disabled public write access.

Quantity buttons out of alignment 11 years 2 months ago #3298

John	Hmmm - I really don't know... can't find any css that is operating on it that shouldn't and all that does is correct.. Will pass this on to the boss - please be patient.. Regards, John
	The administrator has disabled public write access.

Quantity buttons out of alignment 11 years 2 months ago #3324

Mike Plowcha	Thanks for checking. I can send you link if you need to reference site still. Just getting back around to viewing this topic. Don't want to post link though as site isn't live yet. Let me know.
	The administrator has disabled public write access.

Quantity buttons out of alignment 11 years 2 months ago #3342

John	Sorry Mike - just saw this is still open - can u send details to john at flexiblewebdesign.com thanks
	The administrator has disabled public write access.

Quantity buttons out of alignment 11 years 1 month ago #3468

senero	Hi john, any progress on this one? I sen you the url some days ago. Thanks.
	The administrator has disabled public write access.

Quantity buttons out of alignment 11 years 1 month ago #3472

John

Hi,
had a look and found this..

there is some improvement if you over-ride

input, select {
  vertical-align: middle;
}

put in your css components/com_virtuemart/assets/css/vmsite-ltr.css line 42

span.quantity-controls input.quantity-controls {
  border: medium none;
  height: 14px;
  vertical-align: top;
  width: 15px;
}

but why the bottom div sits down 4px I don't know

you can fix it by some negative margin
at /templates/adeje/html/com_virtuemart/assets/css/flexibleVM2Global.css line 2337

span.quantity-controls input.quantity-minus {
  background: url("../images/Flexible/quantity_minus.png") no-repeat scroll 0 0 transparent;
  border-bottom-right-radius: 4px;
  box-shadow: 0 1px 1px #545454;
  cursor: pointer;
  height: 15px;
  margin: -4px 0 0;
  width: 16px;
}

Attachments:

quantity_buttons.png (15KB)

Last Edit: 11 years 1 month ago by John.

The administrator has disabled public write access.

Quantity buttons out of alignment 11 years 1 month ago #3473

John	Ah -the social buttons - these are inserted by Javascript - in Firebug you have JS errors - assume this is why they don't show - The boss wrote a very good sticky on solving thse but also have alerted him as he is the JS expert! Cheers
	The administrator has disabled public write access.

Quantity buttons out of alignment 11 years 1 month ago #3534

Sinan Aydemir	The same problem Puremart Version 3.6 appended drawings describe the problem. This is how you will solve the problem. Category and details page!!! How do I fix this error in other themes for example: eos theme Themeforest Attachments: problem1_2...3-23.jpg (61KB) problem2_2...3-23.jpg (36KB)
	The administrator has disabled public write access.

Quantity buttons out of alignment 11 years 1 month ago #3538

John	The same technique has to be used... find with Firebug what is over-riding the puremart css and correct accordingly. but the 1st screen shot isn't mis-alignment - the buttons are too wide for the boxes so they drop to the next line... But without urls I can#t help you...
	The administrator has disabled public write access.

Quantity buttons out of alignment 11 years 1 month ago #3556

senero

Hi,

For me this top was solved by support in another topic I reported. Here is the solution he gave me:

About the quantity misalignment issue, open this CSS file:

ROOT/templates/<yourjoomlatemplate>/html/com_virtuemart/assets/css/flexibleVM2Global.css

To the bottom, add this CSS rule:

span.quantity-controls input.quantity-plus {
float:left;
}
span.quantity-controls input.quantity-minus {
float:left;
}

The misalignment problem in the quantity boxes will be fixed.

perhaps it works for you too!
Cheers.

The administrator has disabled public write access.

Quantity buttons out of alignment 11 years 1 month ago #3572

Mike Plowcha	Thanks everyone! Just getting around to tweaking the template again and got it working. Not sure exactly what the fix was. I started off using the last suggestion by Senero and had no success, then went through and added in Johns suggestions. I ended up not needing the -4px margin and forced it to 0px. Looks good!
	The administrator has disabled public write access.

Quantity buttons out of alignment 11 years 1 month ago #3577

John	Excellent - seems to vary a liitle bit from template to template - really depends if the template your using over-rides (e.g. with any !important rules) ours. We can't go sticking !important on every one of our rules so it's really a suck and see situation.. Regards
	The administrator has disabled public write access.