wrapping in search box

[Douweboschma]

Is there any way to change the width of the column in the search box? The texts are wrapping at longer search options like:

I am here for:

Short term dating

This is becoming:

I amHere
for:

Short term
dating

I’ve increased the font size little. I could decrease it again of course but would rather have the text a little bigger.

[SQadmin]

Hi, those controls are put in columns defined by Foundation framework and therefore should rewrite default values ​​but I do not think it is the best solution. Allow me 1-2 days to make some tests and maybe I’ll come with a better idea.

Regards,
Robert

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Douweboschma]

Thanks 🙂

[SQadmin]

Hi again, I have a temporary fix for you until the next update, put these lines in sweetadmin/styling options/quick css box:

COPY CODE

.form-search.custom .columns {
	height: 32px;
	display: table;
}
.form-search.custom label {
	line-height: 16px;
	display: table-cell;
	vertical-align: middle;
}
.form-search.custom .three.mobile-one.columns {
	height: inherit;
	display: inherit;
}

Regards,
Robert

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Douweboschma]

Hehe, that wrapped all into one long line 😉

I will play a little with it tomorrow and will post the results.

Thanks!

[Douweboschma]

I have tried several things but the width of the colum seems to restrict a proper lay out wrapping the dropown fields to an other line.

I could also imagine having the search box spread over two colums instead of one in the middle, to save a lot of scrolling with the check boxes. There seems to be enough space for that.

[SQadmin]

I don’t understand the problem or if there is a problem 🙂
Maybe illustrate with some pictures if you need anything else from us.
Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts