Search widget!!!

Topics: Themes
Jun 26 at 2:42 PM
Edited Jun 27 at 7:52 AM
Is it possible to fix the problem i am detecting when you search for something and you get more than 20 results???

It seems it doesn't use a proper pager control so it displays the number of pages in an odd way.

For example in your demo site if you try to search for "a" the bottom of the result looks inconsistent with the general style of the blog!!! i mean it should be like:

"Newer posts 1 2 3 4 5 Older posts" or " < 1 2 3 >"

Perhaps the style can be corrected???

Thanks in advance!!!

:-)
Jul 1 at 1:57 PM
Edited Jul 3 at 11:53 AM
Solved adding in "style.css" of the custom theme folder:
 #searchpage input#q {
  width:60%;
  height:20px;
}


.searchresult {
  border-bottom:1px dotted #CCC;
  padding:10px 0;
  font-size:14px;
}

.searchresult a {
  font-weight:bold;
  font-size:16px;
}

.searchresult span.text {
  clear:both;
  line-height:35px;
  display:block;
  overflow:hidden;
  white-space:nowrap;
  font-size:13px; 
}

.searchresult span.type {
  font-size:13px;
  display:none;
}

.searchresult span.url {
  color:#009BC2;
}

.searchpage ul.paging {
  list-style-type:none;
  margin:20px auto;
  padding:0;
  text-align:center;

}

.searchpage ul.paging li {
  display:inline-block;
  width:30px;
  text-align:center;
  height:30px;
  border:1px solid #CCC;
  background:#FFF;
  margin-right:2px;
}

.searchpage ul.paging li a {
  display:block;
  height:100%;
  line-height:30px;
}

.searchpage ul.paging li.active {
  border-width:1px;
  border-style:solid;
}

.searchpage ul.paging li.active A {
  color:#FFF;
}
;-)