Title: Adding Morphing Search
Last modified: August 30, 2016

---

# Adding Morphing Search

 *  [IskandarB](https://wordpress.org/support/users/iskandarb/)
 * (@iskandarb)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/adding-morphing-search/)
 * I found [this (demo)](http://tympanus.net/Development/MorphingSearch/) beautiful
   search interface on the web, which I’d like to use to replace the regular search
   bar in the Hueman theme.. I just have no idea where to start.
 * In the comments on the bottom of [this page](http://tympanus.net/codrops/2014/11/04/simple-morphing-search/),
   a guy named Cameron says it’s easy. He placed a code there, but I’m not sure 
   where in the Hueman theme to paste it. Also, I don’t know where to place the 
   css en js files.
 * I’m sure more people like the looks of this search interface, so it would be 
   great if someone could help us implement this!
 * Demo: [http://tympanus.net/Development/MorphingSearch/](http://tympanus.net/Development/MorphingSearch/)
   
   Developer: [http://tympanus.net/codrops/2014/11/04/simple-morphing-search/](http://tympanus.net/codrops/2014/11/04/simple-morphing-search/)
   Github: [https://github.com/codrops/MorphingSearch](https://github.com/codrops/MorphingSearch)
 * Thanks in advance!

Viewing 1 replies (of 1 total)

 *  [bdbrown](https://wordpress.org/support/users/bdbrown/)
 * (@bdbrown)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/adding-morphing-search/#post-6546705)
 * Hi IskandarB. Welcome to the Hueman forum.
 * > Cameron says it’s easy.
 * Yeah, well, “easy” is a relative term. I don’t have time to test this at the 
   moment but, just off the top of my head, the process is probably something like
   this:
 * 1. Create a child theme if you don’t already have one (you can do that from within
   the parent theme under the Theme Options Help tab).
    2. Copy the css, fonts, 
   img and js folders to your child theme. 3. Enqueue the required css, font and
   js files in your child theme functions.php. 4. Create a new file “searchform.
   php” in your child theme. 5. Add the code from Cameron’s comment to that file.
 * When the theme loads the searchform it should use the file in your child theme.

Viewing 1 replies (of 1 total)

The topic ‘Adding Morphing Search’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/hueman/3.7.27/screenshot.png)
 * Hueman
 * [Support Threads](https://wordpress.org/support/theme/hueman/)
 * [Active Topics](https://wordpress.org/support/theme/hueman/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/hueman/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/hueman/reviews/)

## Tags

 * [bar](https://wordpress.org/support/topic-tag/bar/)

 * 1 reply
 * 2 participants
 * Last reply from: [bdbrown](https://wordpress.org/support/users/bdbrown/)
 * Last activity: [10 years, 10 months ago](https://wordpress.org/support/topic/adding-morphing-search/#post-6546705)
 * Status: not resolved