Hello,

We are currently on v6.85, for some reason the Quantity selector on the product details page is not formatting as it should....best to see an example

[url]https://www.gifthorsegallery.ca/proddetail.asp?prod=hun64573lacarrier[/url]

Does any on have an idea how to fix this issue. I started editing settings in the ectcart.css section with no luck

Thx
Jeff

Horse Art & Gifts
www.gifthorsegallery.com

Hi Jeff

Don't edit ectcart.css as that will get overwritten by updaters.

In style.css remove this line

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

and change

div.detailquantitytext{margin-top:18px;.....

to

div.detailquantitytext{margin-top:8px;.....

Andy

Please feel free to review / rate our software

Thanks Andy...I made the edit as suggested...much better, but not quite 100%. The minus button is not complete, appearing just above the bottom of the bounding box

Cheers
Jeff

Horse Art & Gifts
www.gifthorsegallery.com

Can you add this to style.css

div.quantity1div{
height:36px;
}

Andy

Please feel free to review / rate our software

Thanks Andy...I applied the line right after the div.detailquantitytext{margin-top:8px;..... line...I do not see a difference

Cheers
Jeff

Horse Art & Gifts
www.gifthorsegallery.com

This is how I set mine up ... [url]https://www.paradiseclothingco.com/Honu-Hibiscus-Mens-Shirt-in-Navy[/url] if that helps, let me know.

Mark

Responsive Design Deals Ecomm Plus - ASP 6.8
www.paradiseclothingco.com

Hello Mark,

Thanks for responding, Yes, I like that very much. How did you set that up?

Thx
Jeff

Horse Art & Gifts
www.gifthorsegallery.com

When I get back to the office in the morning I’ll post the css.

Responsive Design Deals Ecomm Plus - ASP 6.8
www.paradiseclothingco.com

That looks good what Mark has done, although I opted for the plus and minus to the left and right of the quantity box, and removed the text "quantity"
I used Gary's tip - with different colors
https://www.ecommercetemplates.com/support/topic.asp?TOPIC_ID=107966

This is the css for the Quantity Box:

#w0quant {
border: 1px solid #ccc;
font-size: 14px;
height: 26px;
margin-right: 4px;
margin-top: 4px;
padding-left: 5px;
width: 24px !important;
}

And this is the css for the + - boxes:

div.quantity1div {
border: none !important;
border-radius: 0px !important;
color: #aaa;
font-size: 1.5em;
height: 40% !important;
overflow: hidden;
text-align: left;
width: 65px;
}


Responsive Design Deals Ecomm Plus - ASP 6.8
www.paradiseclothingco.com

Edits implemented. Looks much better. Thank you Mark

Cheers
Jeff

Horse Art & Gifts
www.gifthorsegallery.com

Anytime ... Glad I could help :)

Responsive Design Deals Ecomm Plus - ASP 6.8
www.paradiseclothingco.com