Is there any way to control the search results?

mirX · March 2015

Hi everyone. I am using Vanilla 2.1.8p2 and Brand Friendly 1.2.

When I search something, I have results with full comments or discussions (some are not small) and it makes search results very difficult to see. When I search in mobile I get the same story. I just want to see results with title + some content text is so enough. But, I cannot find any options for do this. Is there any way to control it?

Thanks in advance.

R_J · March 2015

The easiest thing would be to add a CSS snippet:

.Search .Excerpt {
  max-height: 4em;
  overflow: hidden;
}

Either by using a custom theme or with bleistivts useful plugin CSSEdit. The negative effect will be that it might cut the result so that you cannot see the text with the search text (which makes the search far more useless).

R_J · March 2015

Do you know enough CSS to understand why the first snippet worked? If yes, simply look at the html source (try inserting "view-soruce:" before the url in your mobile browser) and find out in which class the results are.

The second question is not trivial and you should be more clear in what you ask for. At first you need the class that you have to style. Than try adding things like

.WhatEverThatClassNameMayBe * {
  text-decoration: none; 
  font-size: 1.2em;
  color: #000;
  background: #fff;
}

R_J · March 2015

The easiest thing would be to add a CSS snippet:

.Search .Excerpt {
  max-height: 4em;
  overflow: hidden;
}

Either by using a custom theme or with bleistivts useful plugin CSSEdit. The negative effect will be that it might cut the result so that you cannot see the text with the search text (which makes the search far more useless).

mirX · March 2015

Thanks @R_J, this solved the problem but not on mobile.

I added your CSS snippet via CSSEdit and checked the checkbox 'Enable on mobile theme' but it doesnt work.

mirX · March 2015

And special thanks to @Bleistivt for making CSSEdit - simple, useful and handy plugin!

R_J · March 2015

Sorry, I have no possibility to look at the mobile search results right now. Maybe simply using .Excerpt { would be enough...

rasteron · March 2015

@mirX try using

.SearchResults .Excerpt {

or simply .Excerpt as R_J pointed out, maybe that will solve the mobile issue.

mirX · March 2015

The same results with .Excerpt {

And one more question: to remove pics from search results I added .SearchResults img {display: none} but how to remove formatting if I need the simple text only?

Thanks in advans.

R_J · March 2015

Do you know enough CSS to understand why the first snippet worked? If yes, simply look at the html source (try inserting "view-soruce:" before the url in your mobile browser) and find out in which class the results are.

The second question is not trivial and you should be more clear in what you ask for. At first you need the class that you have to style. Than try adding things like

.WhatEverThatClassNameMayBe * {
  text-decoration: none; 
  font-size: 1.2em;
  color: #000;
  background: #fff;
}

mirX · March 2015

@R_J said:
Do you know enough CSS to understand why the first snippet worked? If yes, simply look at the html source (try inserting "view-soruce:" before the url in your mobile browser) and find out in which class the results are.

The second question is not trivial and you should be more clear in what you ask for. At first you need the class that you have to style. Than try adding things like
.WhatEverThatClassNameMayBe * {
  text-decoration: none; 
  font-size: 1.2em;
  color: #000;
  background: #fff;
}

Thank you @R_J for your valuable and quick replies!

The second question is resolved with your assistance and it's completely clear for me now what approach I should take to set the mobile search results (trying to fix myself).

Is there any way to control the search results?

Best Answers

Answers