Client Filtering CSS

2 posts, 1 answers
  1. Paul Ridden
    Paul Ridden avatar
    36 posts
    Member since:
    Mar 2007

    Posted 06 Oct 2016 Link to this post


    I'm about to implement the DropDownList Client Filtering function as per

    However, due to the complex CSS of my site, the magnify glass icon in the search box has been mis-aligned.

    I'm struggling to find the CSS that relates to the said icon.

    Please can someone tell what CSS I need to adjust the icon?

    Or can someone please tell me how to move the icon 5 pixels to the left?

    Thanks in advance.

  2. Answer
    Orlin avatar
    58 posts

    Posted 10 Oct 2016 Link to this post

    Extension settingsExtension settingsExtension settings

    Hello Paul,

    To style the magnifying glass icon in the DropDownList you can use this CSS selector:

    .k-list-filter .k-icon.k-i-search {
      right: 11px; /* This will move the icon 5px to the left */

    If this selector is not specific enough, you may need to inspect your existing styles and increase the specificity a bit.

    I hope this helps.

    Telerik by Progress
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
Back to Top