Make Your Search Page Content Friendly With CSS

From KickApps Documentation

Description

This code snippet will change the layout of your search page to allow more descriptive rich text content. With a couple of lines of CSS, you can have a search page that will not only surface rich text of the RichTextEditor, but make the description from media uploaded by members of your community easier to read.

EXAMPLE:

Step 1: Surface untruncated titles and rich text description content while hiding the truncated title

Code

body#ka_listPage .ka_listTitle_trunc {display:none;}
body#ka_listPage .ka_listDesc, body#ka_listPage .ka_listTitle_full {display:block;}

---

Step 2: Change layout of search list so content is horizontal and thumbnails are floated to the left

Code

body#ka_listPage .ka_searchLetterBox {float:left}
body#ka_listPage .ka_searchListDetails {float:left;height:auto !important;margin:0;min-height:90px;width:580px;}
body#ka_listPage li.ka_list {width:730px;height:auto;padding-bottom:30px;}