Forums

Changing CSS for highlighted search results

Permalink
I'm currently working with the search block and stumbled across the styling issue. Concrete5 adds a span tag that has a background color applied for each search phrase. It looks like this:

<span style="background-color:#EFE795;">search phrase</span>


I modified CCM.APP.CSS file, but I still get the same colour. As you can probably tell, I want to change CSS for highlighted search result, but nothing worked so far. I'm hoping somebody has a solution to this problem and would like to share it.

Thanks in advance!
 
Steevb replied on at Permalink Best Answer Reply
Steevb
To remove the colour I do this in my theme CSS: 
.searchResult span{background:none !important}


To change the colour try: 
.searchResult span{background:#000 !important}
Mellow replied on at Permalink Reply
Thanks, it worked!

I was wondering, do you know how to change the length of paragraph with search results. Currently it displays in one line, but the number of characters varies greatly.

I hope I'm not pushing my luck with your assistance :)
Steevb replied on at Permalink Reply
Steevb
Probably because it only shows the 'searched' words.
Mellow replied on at Permalink Reply
It shows some text after searched words, but I would like to have more than one line. Something like 2-3 lines would be great. I did not see any options regarding that, nor I have found php code with those settings.