Forums › Forums › Search & Filter Pro › Styling individual boxes

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Anonymous
    (Private)  March 17, 2020 at 9:20 pm #236998

    Hi

    Could you tell me the css classes I need to use to change the width of individual search boxes using the select2 script please. I’d like party size to be narrower than the all locations box if possible.

    Many thanks!
    Dale

    the url is: https://www.staging1.cottages-to-rent.co.uk/test-search/

    Trevor
    (Private)  March 18, 2020 at 7:32 am #237005

    I think it would be like this:

    .searchandfilter[data-sf-form-id="13155"] .sf-field-taxonomy-partysize .select2-container {
  max-width: 150px;
}
    Anonymous
    (Private)  March 18, 2020 at 11:16 am #237041

    Thanks. It almost works but there seems to be an inline element with width: 170px. I’ve tried overriding it with !important but it doesn’t work.

    Anonymous
    (Private)  March 18, 2020 at 11:25 am #237045

    It’s ok, I’ve sorted it. Thanks once again.

    Anonymous
    (Private)  March 18, 2020 at 11:26 am #237047

    Was using ‘max-width’ instead of ‘width’ which wasn’t overriding the element.

    Trevor
    (Private)  March 18, 2020 at 11:35 am #237051

    Thanks for letting me know. I will close this thread for now.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)