Oversize fields

Anonymous

#37168

Hi,
I put my search form in a column via text widget. I also have a very long category name. “a very long category name” cause the width of the search box span oversize and hide content in another column. How do I fix it ?

Moreover, I have a lot of category which make a very long it. How do I re size it like “Genres” in demo page: http://demo.designsandcode.com/sfpro-movie-reviews/ ?

Thanks

Ross Moderator

#37203

Hey Tony

For the scrolling genres (on the movies demo) – this is just a bit of CSS that sets a maximum height:

.searchandfilter > ul > li[data-sf-field-input-type="checkbox"] > ul,
.searchandfilter > ul > li[data-sf-field-input-type="radio"] > ul
{
	max-height:150px;
	overflow:auto;
	
}

If its the “width” you want to limit, then I would use the css property max-width

Thanks

Anonymous

#37222

Thanks ! 😀

[Author]

Posts