change the font attributes of drop down filters

[marion]

The code below places drop down filter boxes on to the page.  The row appears to be inside an attribute called K-grid-header-wrap.

I want to change the text weight, the code below changes the size and if I change to bold will change some menu headers to bold, but will remove the bold from the menu headers but not the filters headers.  I have tried changing the attributes for k-header k-filterable and k-grid-filter but nothing seems to affect the weight of the font.

/*this is the code for the menu list and the headings across the page*/
.k-link {
    font-weight:normal;
    font-size:10px;
}

This is the scripting generated by the programmers
<th class="k-header k-filterable" scope="col" data-title="Category" data-field="MedicalCategory" data-role="sortable"><a class="k-grid-filter" tabindex="-1"> … </a><a class="k-link" href="/Clients/ReturnClientMedicalIssues?CUID=1&MedicalGrid-sort=MedicalCategory-asc"> … </a></th>

Any help appreciated
Kind regards

[Dimo]

Hi Marion,

I am not sure I understand correctly what are you trying to do. In case you want to modify the styling of the filter menus, you can use the k-filter-menu class. Here is an example:

.k-filter-menu > div, /* wrapper element */
.k-filter-menu .k-input, /* dropdownlists */
.k-filter-menu button /* filter and clear button */
{
    font-weight: bold;
    color: #f00;
}

The filter menu is outside the Grid header cells, so using Grid header cell classes will be of no use.

Regards,
Dimo
Telerik