Forum Support

Shape 5
April 22, 2021, 04:20:08 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Change Shape 5 Search Highlight Color  (Read 854 times)
mwb12345
Jr. Member
**
Offline Offline

Posts: 53



« on: 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?
« Last Edit: June 18, 2018, 05:50:12 PM by mwb12345 » Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: 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.
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
mwb12345
Jr. Member
**
Offline Offline

Posts: 53



« Reply #2 on: 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.
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: 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:

Code:
.s5_ls_search_word {
background:#ff0000;}
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
mwb12345
Jr. Member
**
Offline Offline

Posts: 53



« Reply #4 on: 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
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #5 on: 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:

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

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
mwb12345
Jr. Member
**
Offline Offline

Posts: 53



« Reply #6 on: 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.?

Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #7 on: June 21, 2018, 12:00:44 PM »

I checked your site and its working. Be sure to clear your browser cache.
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
mwb12345
Jr. Member
**
Offline Offline

Posts: 53



« Reply #8 on: June 21, 2018, 12:37:30 PM »

Forgot the actual browser cache, your right its working !!

Thank you!
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.