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.

This website stores cookies on your computer. These cookies are used to improve your website experience and provide more personalized services to you, both on this website and through other media. To find out more about the cookies we use, see our Privacy Policy.