Hi, a challenge of having ectcart.css changes applied with the required security upgrades is that display bugs seem to appear on cart generated pages that we don't always spot right away. And, at times it's tough to know if layout bugs are self-inflicted, or are caused by a recent upgrade.

Here's an example where the Quantity box on all of our product detail pages (such as http://www.cloghog.com/proddetail.php?prod=100-Ft-Residential-Drain-Cleaner) seems to have wandered right and upward with one of our past CSS changes.

Can anyone suggest a clean way to restore the box to its previous location? Thanks in advance.

- Paul D.

Hi Paul

Change this in style.css

div.detailquantity{
float:left;
width:96%;
text-align: center;
}

div.detailquantitytext{
margin-top:18px;
float:left;
width:50%;
text-align:right;
}

div.detailquantityinput{
margin-top:16px;
float:right;
width:45%;
text-align:left;
padding:0px;
height:49px;
}

#w0quant{
height:21px;
width:50px;
border:1px solid #ccc;
}

to

div.detailquantity{
float:left;
width:96%;
text-align: center;
}

div.detailquantitytext{
margin-top:18px;
float:left;
width:50%;
text-align:right;
}

div.detailquantity0div{
margin-top:18px;
float:left;
width:45%;
text-align:left;
padding:0px 8px;
height:49px;
}

Andy

Please feel free to review / rate our software

Andy, thanks so much for this fix. I've confirmed it seems to work on several browsers.

Can you suggest any resources or tips we can use to find these sorts of fixes ourselves, without burdening the ECT support staff?

This one seemed tough to troubleshoot, because comparing a "known good" style.css (where Quantity box displayed correctly) to today's version, we couldn't find changes in that file that we'd expect to impact the location of that Quantity box element.

Thanks in advance for any suggestions.

No burden at all Paul and it's what we're here for.

I made a video here of my preferred method of troubleshooting css http://www.youtube.com/watch?v=Xn1rM5JcOhM but certainly feel free to post any questions.

Andy

Please feel free to review / rate our software

Andy, thanks for your patience with our wandering quantity box issue.

When checking the product page on mobile devices, we discovered that the quantity box still seems to wander to the left on screen widths of 568px and below.

A screen shot is below.

Might you be able to suggest our preferred CSS fix for this?

We'd be really grateful for your help.

- Paul D.

Sure change

div.detailquantity0div{
margin-top:18px;
float:left;
width:45%;
text-align:left;
padding:0px 8px;
height:49px;
}

to

div.detailquantity0div{
margin-top:18px;
float:left;
width:40%;
text-align:left;
padding:0px 8px;
height:49px;
}

and that will work fine on the desktop and mobile.

Andy

Please feel free to review / rate our software

Excellent.

Thanks, Andy.