Styling individual boxes

Anonymous

#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

#237005

I think it would be like this:

.searchandfilter[data-sf-form-id="13155"] .sf-field-taxonomy-partysize .select2-container {
  max-width: 150px;
}

Anonymous

#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

#237045

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

Anonymous

#237047

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

Trevor

#237051

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

[Author]

Posts