You are viewing this forum as a guest. Login to an existing account, or create a new account, to reply to topics and to create new topics.
Hi Everyone,
Is there any way to change the width of the auto complete search box that drops down? I have changed the form field width and it doesn't affect the drop down box, just the field itself. Ideally, I would like the field and auto complete box to be the same width. I've also tried adding ".width(400)" and ".css('width', '400px')" at the end of the jQuery function but still no results.
Any input is appreciated.
Last edited by sppars (01-11-2013 21:32:51)
Offline
I'm not sure what you mean by "drops down?" My search box is static.
Have you tried Google's Chrome browser? You can right-click anywhere on your website and "Inspect Element." It tells you exactly where your browser is pulling the design from.
https://www.google.com/intl/en/chrome/browser/
Last edited by geraldz (01-12-2013 21:25:56)
Offline
In the file {public}/media/scripts/frontend.js, look in the searchAutoCompleteResult() function for:
style: {classes: 'qtipcustom_default', width: 300, tip: false},
Change the width there from 300 to whatever you want. After you save, you might need to reload your browser once or twice to see the change.
Offline
Thanks Nick, that worked.
Offline