Search text next to check box starts line below if needs to wrap

Anonymous

#162240

Hello! Any chance to improve / fix this? (Or have I missed a setting!!!?)

If you have a longish text for a search term in a narrow space (say sidebar) and are using a check box, then if the longish text needs to wrap the longish text will start on the line below where the check box is. Looks a bit funny.

If you go here and scroll down a bit you will see what I mean – for the taxonomy “Hikers who like a longer hike”.

Thanks for any comment!

Trevor

#162288

Hi. It is very late here in the UK. I will get on to this in the early morning. It will require custom CSS, which I will write for you.

Anonymous

#162296

This reply has been marked as private.

Trevor

#162362

Hi Alastair.

Yes, bitterly cold here. We had a sprinkle of snow last night, but I was out learning to ride my motorbike yesterday and got caught in a blizzard. Cold, so cold.

And wow, that was difficult to do with CSS, but this is what I came up with:

.sf-input-checkbox {
  align-self: flex-start;
  margin-top: 10px;
}
.searchandfilter ul li ul li {
  display: flex;
}

Anonymous

#162416

This reply has been marked as private.

Trevor

#162426

This reply has been marked as private.

Anonymous

#162576

This reply has been marked as private.

[Author]

Posts