Support Forums

The forums are closed and will be removed when we launch our new site.

Looking for support? You can access the support system via your account.

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

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Dale Shelabarger
    (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 Moderator
    (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;
}
    Dale Shelabarger
    (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.

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

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

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

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

    Trevor Moderator
    (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)

The topic ‘Styling individual boxes’ is closed to new replies.