I've been trying to theme the autocomplete dropdown list with CSS. The wrapper div comes with an ID and looks like this from a FireBug inspection:

<div id="autocomplete" style="margin-top: 30px; width: 148px; display: none;">

The only problem is, though the elements within the div respond the the CSS styles, the wrapper div has its style hard coded, which i can't seem to find where it's being set.

Any help will be deeply appreciated. Thanks.

Comments

drupalnesia’s picture

drupalnesia CreditAttribution: drupalnesia commented

This is mine:

<input type="text" class="form-text form-autocomplete" value="" size="30" id="edit-field-finfpj-city-value" name="field_finfpj_city_value" maxlength="128" autocomplete="OFF">

I found no hard-coded above. You may re-open your Firebug, take a look at right dashboard, there is a small link pointed to the css file.

dela.deyoungster’s picture

dela.deyoungster CreditAttribution: dela.deyoungster commented

Thanks Drupal-id.com, I'll take a look at it a.s.a.p.

PS: Sorry for the delayed reply, i didn't receive any email notification of your comment. I guess i should check my Drupal user account settings.

Stan.Ezersky’s picture

Stan.Ezersky CreditAttribution: Stan.Ezersky commented

Example: 

#autocomplete {
   border: 1px solid #cecece;
}
.reference-autocomplete {
   padding: 4px;
   border-bottom: 1px solid #cecece;
}

Enjoy! -)

Stan.Ezersky’s picture

Stan.Ezersky CreditAttribution: Stan.Ezersky commented
Issue summary: View changes

Grammatical error corrections.

doubleedesign’s picture

doubleedesign CreditAttribution: doubleedesign commented

Thank you so much for sharing this Stan. It was like banging my head against a brick wall trying to fix this until I found your post!

quotesBro’s picture

quotesBro CreditAttribution: quotesBro commented
Issue summary: View changes
Status: Active » Closed (fixed)