multi purchase quantity box width

Author	« Topic »
Phil ECT Moderator United Kingdom 7715 Posts	Posted - 02/16/2018 : 08:29:22 Hi Andy, I've just about tried every class to increase the width of the multi purchase quantity input boxes. Could you point me in the right direction please? I've tried the following: input.detailoptions{width: 40px!important} input.detailmultioption{ input.multioptiontable{ * Database Migrations and Conversions* * ASP to PHP Cart Conversions* *Contact Us* *Buy The PHP Capture Card Plugin* Rate Our Services/View Our Feedback
Andy ECT Moderator 95440 Posts	Posted - 02/16/2018 : 08:35:22 Hi Phil That would be input.multioption{width:100px} Andy Please feel free to review / rate our software
Phil ECT Moderator United Kingdom 7715 Posts	Posted - 02/16/2018 : 08:39:35 Sorry Andy, Tried that one already and no change, also tried input.multioption{width:40px!important;} * Database Migrations and Conversions* * ASP to PHP Cart Conversions* *Contact Us* *Buy The PHP Capture Card Plugin* Rate Our Services/View Our Feedback
Andy ECT Moderator 95440 Posts	Posted - 02/16/2018 : 08:46:49 I tested that before posting so it definitely is the solution. You may need to check for anything overriding that in the css file though. Andy Please feel free to review / rate our software
drivers Ecommerce Template Expert USA 890 Posts	Posted - 02/16/2018 : 12:41:28 Phil, what domain is this? Id like to take a look to see if I can help... When it gets late at night, go to bed... try again tomorrow. Edited by - drivers on 02/16/2018 17:57:47
Phil ECT Moderator United Kingdom 7715 Posts	Posted - 02/17/2018 : 01:14:25 Appreciate the offer of your help Drivers, many thanks but it's on my localhost unfortunately. If I add input.multioption{display:none;} nothing happens so it's a strange one indeed. There's no other 'input.' entry in the css file and I temporarily removed the other style sheet calls from the page and still no change. So I tested it on another site - https://www.citygolf-uk.com/proddetail.php?prod=MGA-016 input.multioption{width:100px} had no effect on this site either. * Database Migrations and Conversions* * ASP to PHP Cart Conversions* *Contact Us* *Buy The PHP Capture Card Plugin* Rate Our Services/View Our Feedback
Andy ECT Moderator 95440 Posts	Posted - 02/17/2018 : 01:17:38 That's odd then, how about this .multioptiontext input{width:100px;} Andy Please feel free to review / rate our software
Phil ECT Moderator United Kingdom 7715 Posts	Posted - 02/17/2018 : 01:27:31 I think I've already tried that one But just added it with no effect. I've tried that many combinations I'm at a loss. Can you give me the url of the site you successfully added this Andy? * Database Migrations and Conversions* * ASP to PHP Cart Conversions* *Contact Us* *Buy The PHP Capture Card Plugin* Rate Our Services/View Our Feedback
Andy ECT Moderator 95440 Posts	Posted - 02/17/2018 : 01:39:37 I tried that one on the URL you provided and my earlier suggestion on our demo store http://www.ectdemostore.com/proddetail.asp?prod=PC+Mouse Andy Please feel free to review / rate our software
Phil ECT Moderator United Kingdom 7715 Posts	Posted - 02/17/2018 : 01:57:30 That's strange, it works perfectly on your demo site but doesn't work for me on the citygolf site. I'll get back to this later. * Database Migrations and Conversions* * ASP to PHP Cart Conversions* *Contact Us* *Buy The PHP Capture Card Plugin* Rate Our Services/View Our Feedback
Andy ECT Moderator 95440 Posts	Posted - 02/17/2018 : 02:02:49 My second suggestion worked on the golf site. Andy Please feel free to review / rate our software
drivers Ecommerce Template Expert USA 890 Posts	Posted - 02/17/2018 : 12:44:15 I did it with this: .optiontext.detailoptiontext.multioptiontext.detailmultioptiontext input { width: 50px; } I am able to widen the text box itself and affect the box with any other CSS as well, including making it disappear... When it gets late at night, go to bed... try again tomorrow.
drivers Ecommerce Template Expert USA 890 Posts	Posted - 02/17/2018 : 12:49:17 I much preferred to change the width to 100% here (and not change the size of the input box: div.detailmultioptiontext { padding: 6px; width: 100%; clear: right; } to have the boxes to the left and the text to the right.. stacked ontop of eachother... adding text-align:center looked fairly nice on all devices too... When it gets late at night, go to bed... try again tomorrow. Edited by - drivers on 02/17/2018 12:50:36
Phil ECT Moderator United Kingdom 7715 Posts	Posted - 02/17/2018 : 12:52:10 Thank you drivers - very much appreciated * Database Migrations and Conversions* * ASP to PHP Cart Conversions* *Contact Us* *Buy The PHP Capture Card Plugin* Rate Our Services/View Our Feedback
drivers Ecommerce Template Expert USA 890 Posts	Posted - 02/17/2018 : 12:52:24 This also worked for me to change the width of the input box itself... div.detailmultioptiontext input { width: 100px; } When it gets late at night, go to bed... try again tomorrow.
drivers Ecommerce Template Expert USA 890 Posts	Posted - 02/17/2018 : 12:55:44 You are welcome sir, I hope that it worked for you! When it gets late at night, go to bed... try again tomorrow.
	« Topic »