Mark C Posted July 19, 2022 Share Posted July 19, 2022 How can I expand the width of quantity box on product page? Link to comment Share on other sites More sharing options...
Ali Samie Posted July 19, 2022 Share Posted July 19, 2022 Hi. 1. Right click 2. Inspect the elements 3. Find a good css selector for that element 4. Find custom.js of your theme 5. Add required css rules to change the width Link to comment Share on other sites More sharing options...
Knowband Plugins Posted July 19, 2022 Share Posted July 19, 2022 In "themes/{theme_name}/assets/css/theme.css", find the CSS ".product-quantity #quantity_wanted" and set "width:10rem;" or as per your requirement. Screenshot for reference : https://nimb.ws/CIcnlW 1 Link to comment Share on other sites More sharing options...
Mark C Posted July 20, 2022 Author Share Posted July 20, 2022 7 hours ago, Knowband Plugins said: In "themes/{theme_name}/assets/css/theme.css", find the CSS ".product-quantity #quantity_wanted" and set "width:10rem;" or as per your requirement. Screenshot for reference : https://nimb.ws/CIcnlW on my local web app its working. but on the live deployment its not working. Link to comment Share on other sites More sharing options...
Mark C Posted July 20, 2022 Author Share Posted July 20, 2022 32 minutes ago, Mark C said: on my local web app its working. but on the live deployment its not working. it worked when i turned off the Smart cache for CSS under Advanced Parameters > Performance on CCC (Combine, Compress and Cache) Link to comment Share on other sites More sharing options...
Mark C Posted July 20, 2022 Author Share Posted July 20, 2022 10 hours ago, Mark C said: it worked when i turned off the Smart cache for CSS under Advanced Parameters > Performance on CCC (Combine, Compress and Cache) is this configuration ok? or is this normal, that smart cache is turned off so the CSS updates will reflect at front end? Link to comment Share on other sites More sharing options...
lordignus Posted July 20, 2022 Share Posted July 20, 2022 1 hour ago, Mark C said: is this configuration ok? or is this normal, that smart cache is turned off so the CSS updates will reflect at front end? You should leave smart cache turned on except for debugging. If you've made any changes to the css/js etc, just clear the cache (top of the Performance page) and the changes should be reflected on the frontend. Link to comment Share on other sites More sharing options...
Mark C Posted July 20, 2022 Author Share Posted July 20, 2022 (edited) 25 minutes ago, lordignus said: You should leave smart cache turned on except for debugging. If you've made any changes to the css/js etc, just clear the cache (top of the Performance page) and the changes should be reflected on the frontend. ok it works. thank you very much for the help! Edited July 20, 2022 by Mark C (see edit history) Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now