Shape 5

Joomla Templates => Big Business - Club => : mwb12345 June 18, 2018, 01:49:32 PM


: Change Shape 5 Search Highlight Color
: mwb12345 June 18, 2018, 01:49:32 PM
Hi,

I am having trouble changing the Shape 5 Live Search highlight color. It seems to b overridden by the template system CSS file even though I change in the module itself.

You can see at:   https://www.talkingplatformsusa.com    and then run a search at the top right magnify lens for something like "pbx", then click on show all results. You will see it is different than what shows in the initial search results where the text highlighted is white. In all the results it becomes almost same color as higlight.

How can I modify just that highlight search result color be white text?

: Re: Change Shape 5 Search Highlight Color
: jonahh June 19, 2018, 10:53:53 AM
Hello,

Yes it is set in the index.php file of the template. Its using the template's highlight color. You would need to open up the index.php file and look for ".s5_ls_search_word" remove this from the list of CSS entities assigned to the highlight color there.

: Re: Change Shape 5 Search Highlight Color
: mwb12345 June 19, 2018, 12:28:42 PM
Hi,

I removed it from the template index.php and it still continues to show the same color. I deleted all cache as well.

: Re: Change Shape 5 Search Highlight Color
: jonahh June 20, 2018, 09:54:02 AM
Its not showing any color for me now. Also what you want to do is take that CSS line and add to your custom.css file with the new color you want. For example:

:
.s5_ls_search_word {
background:#ff0000;}

: Re: Change Shape 5 Search Highlight Color
: mwb12345 June 20, 2018, 12:33:35 PM
Okay, so that changes the main search highlight (AJAX) which was working the way it should be using the normal blue background color and changing the text to white, but if you click at the end of the search where it says "Click here for full search results", then the highlight color stays the normal blue background color, but the text stays the same grey color as the rest of the words in the result. Its as though the Full Results on a new page receives different CSS

: Re: Change Shape 5 Search Highlight Color
: jonahh June 21, 2018, 11:00:38 AM
Oh this is the Joomla search results area, I thought you meant in the S5 Live Search module.  Ok just add the following to your custom.css file and this should do it:

:
span.highlight {
    color: #fff;
    padding: 5px !important;}

: Re: Change Shape 5 Search Highlight Color
: mwb12345 June 21, 2018, 11:30:35 AM
I added that to the custom.css and it made no difference. I have attached a screenshot of the inspect for it.  It seems the overall template theme specific background color is overriding it.   Could this have to do with the template HTML override which does have an index.php file in it.?


: Re: Change Shape 5 Search Highlight Color
: jonahh June 21, 2018, 12:00:44 PM
I checked your site and its working. Be sure to clear your browser cache.

: Re: Change Shape 5 Search Highlight Color
: mwb12345 June 21, 2018, 12:37:30 PM
Forgot the actual browser cache, your right its working !!

Thank you!