Okay
  Public Ticket #275582
google custom search
Closed

Comments

  • Ammon started the conversation

    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?

  •  8,839
    Tahir replied

    Hey Ammon!

    Can you please provide the page url so i can check for console errors. 

    Thanks


    ThemeNectar Support Team 

  • Ammon replied

    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.

  • Ammon replied

    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

  •  8,839
    Tahir replied

    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 

  • Ammon replied

    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.

  •  8,839
    Tahir replied

    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 

  • Ammon replied

    Thanks, I'll check the css for conflicts