I have a view associated with many filter fields:

  • Checkboxes

  • Listboxes

  • Three date fields of textbox type.

In admin theme(seven), the date filter fields aligned improperly and I would like to show the three date range filters aligned horizontally next to each other.

I couldn't add any class for filter fields from the admin UI.

Any help/ideas please?


The CSS classes given by Views should normally be good enough, if you don't know how to find them you may using a chrome or firefox browser: right click on the filter field and then inspect element

Or if you want you may install the Better exposed filters module and follow the intructions given in this question


As per your comment below, how to group filter fields under one div ?, it is out of the scope of the original question and for that you will have to ask another question.

However, I believe that what you are asking for is not doable using the views UI and you will have to write your own custom codes, for that you may find the below links somehow useful even if they are referencing the D7 version:

  • Thanks for the edit and answer. It is really give me an option to style the element. But is it possible to group elements inside a div, like <div id="startdate-group"> < here come the first date range field </div>' and <div id="enddate-group"> < here come the second date range field </div>'`. I think i should update or ask a different question for this.
    – siddiq
    Jul 26 '18 at 22:58

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.