Highlight search results

[Paul B]

Brogan submitted a new resource:

Highlight search results - Stop searching for search results

This is a very simple tweak but does help to highlight search results.

Search results use the highlight CSS class, which only has font-weight:bold applied by default.

You can use that class to style the results to make them stand out more.
Simply add this to EXTRA.css for example to make the matched search result text color orange:

.highlight
{
    color: @secondaryMedium;
}

You can obviously style it to suit.

Before:
View attachment 79019

After:...

Read more about this resource...

 

[rdn]

Such a brilliant Idea

 

[Allan]

Good idea

 

[lmnop]

Nice!

 

[fredrikse]

I doesn't work for me. I tried with this:

//Highlight search results
.highlight
{
    font-weight: bold;
    color: #FF0000;
}

 

[Paul B]

You're missing a 0 from #FF0000.

//Highlight search results
.highlight
{
font-weight: bold;
color: #FF0000;
}

 

[fredrikse]

I added the missing 0. But still there is no color in the search result. I have this code in extra.css for my current style.

 

[Paul B]

It works for me, on a default and custom style.

Perhaps there is something wrong with your EXTRA.css template further up?
Or it could be a style issue.

Adding !important may help.

 

[fredrikse]

I'm using UI.X. I just upgraded my platform to the latest versin. Mabye @Mike Creuzer knows?

 

[teletubbi]

I use also UI.X and it works for me.

 

[fredrikse]

I use also UI.X and it works for me.

In what style do you alter extra.css?

 

[teletubbi]

I have UI.X Dark

UI.X Dark (the original theme, not visible for user)
-UI.X Dark changing (here i made all changings, not visible to users)
--Dark (visible to users)

 

[Aivaras]

Highlight search results - Stop searching for search results

If a wildcard (*) is used in search the results are not highlighted. Can you confirm it?

 

[Paul B]

If the highlight class isn't applied when using a wildcard then it won't be possible to style the results.

 

[Aivaras]

Do you think it's worthwhile to make a suggestion in XenForo Suggestions to have the software apply such a class? From a user's perspective I don't see a difference between the need to highlight the whole word or a portion of it as both are equally a search result.

 

[Paul B]

There's no reason why you can't suggest it.

If the dev's consider it feasible and worthwhile, they may implement it.

 

[Aivaras]

Just did that.