How can I increase the width of the product lookup on quotes in 7.6.2.0?

The product lookup box that return a short list of matches from the product catalog when you start typing a name is too short of our implementation. It's only 162px wide and we need more like 400px. I found numerous suggestions on how to increase the size but none seem to work.

The css class is yui-ac-bd but I can't find where that is set anywhere in the code and everything I've tried to overwrite it has failed.

Any help would be appreciated.

-pat

0 Hiren Darji over 9 years ago

Hello Pat Pawlowski
Edit the css file themes/RacerX/css/yui.css (If you are using RacerX theme)
Find the class .yui-ac-content
and change the width to 400px.
It will not effect directly, you have to clear you sugarcrm cache folder.
Try this and revert on this.
0 Hiren Darji over 9 years ago in reply to Hiren Darji

.yui-ac-content {
      position: absolute;
      border: 1px solid #808080;
      width: 400px !important;
      background: #fff;
      overflow: hidden;
      z-index: 9050;
}
!important in width is important..
0 Pat Pawlowski over 9 years ago in reply to Hiren Darji

Thanks Hiren, this worked like a charm. The solution was so simple but I just couldn't find where to insert the inserted CSS.
I copied themes/RacerX/css/yui.css to custom/themes/RacerX/css/yui.css and made the edit there. I expect that's what you meant but I just wanted to make it clear of anyone else who might read this.
-pat
0 Richard Stephen over 5 years ago in reply to Hiren Darji

This blog is great check it out