Getting search results to display

Trevor

#97571

Hi Sarah

I will probably do this tomorrow morning, as it is getting late here.

Anonymous

#97867

Hi Trevor, if you’re able to look at it today that would be fantastic

Trevor

#97881

I am on it now.

Trevor

#97894

Hi

I think you already added some CSS that may conflict with what I have written (I see it in the inline CSS on the page), but if you remove that and have this:

.searchandfilter input[type="submit"] {
  border: 1px solid #ddd;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  color: #fff;
  background: #ddd;
  font-size: 14px;
  padding: 0.7em;
  line-height: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
  color: #666;
  position: absolute;
  right: 0px;
  text-align: center;
  top: 0px;
}
.searchandfilter ul li.sf-field-search {
  border: 1px solid #ddd;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  padding: 0;
}
.searchandfilter ul li.sf-field-search,
.searchandfilter ul li.sf-field-search label,
.searchandfilter ul li.sf-field-search input.sf-input-text {
  width: 100%;
}
.searchandfilter ul li.sf-field-search input.sf-input-text {
  padding: 0.7em 76px 0.7em 0.7em;
  border: none;
}

Anonymous

#97900

Thank you, I’ve added it and removed the other, is it possible to have the grey search button to the right of the bar. It’s underneath at the moment http://tsep.sj-creative.co.uk/test/

Trevor

#97914

If you look at the CSS for the button, I am not sure what you use to paste the code, but that editor has messed it up by replacing the quotes around the submit word in input[type="submit"]. I think you can omit the quotes as well, like this input[type=submit]

Anonymous

#97919

Thank you that has worked. I’ve now put the search bar onto the home page. Is it possible to make it line up with the white section underneath and have the white part of the search bar the same width as the grey button?

Trevor

#97923

OK, make the same height. Find the section that is:

.searchandfilter ul li.sf-field-search input.sf-input-text {
  padding: 0.7em 76px 0.7em 0.7em;
  border: none;
}

and make that:

.searchandfilter ul li.sf-field-search input.sf-input-text {
  padding: 0.7em 76px 0.7em 0.7em;
  border: none;
  font-size: 14px;
}
.searchandfilter > ul {padding-left: 0 !important;}

(adding the font-size)

And also the padding reset in the last line (to override your theme).

Anonymous

#97947

That’s fantastic thank you

Trevor

#97951

Are we done here in this thread?

[Author]

Posts