I know there was a thread about the google custom search already, but I am not trying to replace the existing search tool. I just want to add a google custom search to a particular page. I\'ve used the custom html and custom js methods and the search box will show, but not text will appear and the search button doesn\'t work. I\'ve also tried a plugin but the same thing happens. The only thing I can think of is there is something with the theme that is overiding the custom search code. Is there a way to fix it or make it work?
After some additional testing It seams that chrome and safari return the same results and display the search bar funky and don't display any results. Firefox actually displays the search text and results but everything is somewhat offset. From what I can see, it appears that there might be some css for the custom search that is getting overwritten by the theme search css.
Okay I think I may have figured it out, but I would love some insight on your end as well. It looks like if I select a different custom search theme that is enough so that there don't appear to be any css conflicts. It looks like the default css for the custom search does conflict in some way, but I'm not sure how. I switched the theme to the minimalistic theme and everything seemed to work fine.
The easiest way to check the elements is to use the Inspect Element option in Chrome browser and check the css conflicts in the right panel. For more info please see: https://developer.chrome.com/devtools/docs/element... .
I know there was a thread about the google custom search already, but I am not trying to replace the existing search tool. I just want to add a google custom search to a particular page. I\'ve used the custom html and custom js methods and the search box will show, but not text will appear and the search button doesn\'t work. I\'ve also tried a plugin but the same thing happens. The only thing I can think of is there is something with the theme that is overiding the custom search code. Is there a way to fix it or make it work?
Hey Ammon!
Can you please provide the page url so i can check for console errors.
Thanks
ThemeNectar Support Team
Here is the url http://dev.alpinetest.org/?page_id=67
After some additional testing It seams that chrome and safari return the same results and display the search bar funky and don't display any results. Firefox actually displays the search text and results but everything is somewhat offset. From what I can see, it appears that there might be some css for the custom search that is getting overwritten by the theme search css.
Okay I think I may have figured it out, but I would love some insight on your end as well. It looks like if I select a different custom search theme that is enough so that there don't appear to be any css conflicts. It looks like the default css for the custom search does conflict in some way, but I'm not sure how. I switched the theme to the minimalistic theme and everything seemed to work fine.
Here is an example with the minimalist theme: http://dev.alpinetest.org/?page_id=78
Hey Ammon!
The markup used that is the html is inheriting css properties from the Salient stylesheet therefore the issue.
Were you able to get it to work or you still need help fixing the css ?.
Thanks
ThemeNectar Support Team
I probably need some help with the css. Mostly just knowing what elements are shared and how best to tweak them so they don't conflict.
Hey Again!
The easiest way to check the elements is to use the Inspect Element option in Chrome browser and check the css conflicts in the right panel. For more info please see: https://developer.chrome.com/devtools/docs/element... .
Thanks
ThemeNectar Support Team
Thanks, I'll check the css for conflicts