Title: [Plugin: Meteor Slides] Changing Header Code in Graphene Theme Last modified: August 20, 2016 --- # [Plugin: Meteor Slides] Changing Header Code in Graphene Theme * Resolved [learningevarsity](https://wordpress.org/support/users/learningevarsity/) * (@learningevarsity) * [14 years, 1 month ago](https://wordpress.org/support/topic/plugin-meteor-slides-changing-header-code-in-graphene-theme/) * Hi, * I would like to change the header.php code to have the Meteo Slides to display the Slides in my header; I don’t know where to change it…Pls help. Thanks * [http://wordpress.org/extend/plugins/meteor-slides/](http://wordpress.org/extend/plugins/meteor-slides/) Viewing 15 replies - 1 through 15 (of 17 total) 1 [2](https://wordpress.org/support/topic/plugin-meteor-slides-changing-header-code-in-graphene-theme/page/2/?output_format=md) [→](https://wordpress.org/support/topic/plugin-meteor-slides-changing-header-code-in-graphene-theme/page/2/?output_format=md) * [Marventus](https://wordpress.org/support/users/marventus/) * (@marventus) * [14 years, 1 month ago](https://wordpress.org/support/topic/plugin-meteor-slides-changing-header-code-in-graphene-theme/#post-2744810) * Hi! The Graphene theme gets updated pretty frequently, so you should create a child theme so as to not loose your custom changes during updates. Then you simply need to download the plugin, upload it to your site, and activate it. Once it is activated, copy your `header.php` file in the child theme folder, open it with a text editor, and insert this code where you want the slider to appear: * ``` ``` * and that’s pretty much it. Cheers! * [Josh Leuze](https://wordpress.org/support/users/jleuze/) * (@jleuze) * [14 years, 1 month ago](https://wordpress.org/support/topic/plugin-meteor-slides-changing-header-code-in-graphene-theme/#post-2744858) * To get a better idea of where in the header file to add the template tag, inspect the site you want to add it to using Firebug and take a look at the code in the header. Find the spot you want it in and see what the name of the container is for that spot, you should be able to find that name in the header.php file. * Thread Starter [learningevarsity](https://wordpress.org/support/users/learningevarsity/) * (@learningevarsity) * [14 years, 1 month ago](https://wordpress.org/support/topic/plugin-meteor-slides-changing-header-code-in-graphene-theme/#post-2745002) * My website is [http://www.learningevarsity.com](http://www.learningevarsity.com). How do I do the following?: “create a child theme, copy your header.php file in the child theme folder”. Your help would be highly appreciated… * [Josh Leuze](https://wordpress.org/support/users/jleuze/) * (@jleuze) * [14 years, 1 month ago](https://wordpress.org/support/topic/plugin-meteor-slides-changing-header-code-in-graphene-theme/#post-2745004) * Creating a child theme is very simple, create a new folder for the theme and add a style.css file with the theme name, parent template, and a few other details and you have enough to activate the new child theme. Take a look [at this section](http://codex.wordpress.org/Child_Themes#Example_of_a_basic_Child_Theme) of the documentation on child themes for the details. * To copy the header file from the parent theme, copy the header.php file from the parent theme directory, and paste it into the new child theme’s directory. If you have installed the theme via the WordPress admin and don’t have a local copy, FTP into your site and grab it, or download a new copy from the theme directory. * Thread Starter [learningevarsity](https://wordpress.org/support/users/learningevarsity/) * (@learningevarsity) * [14 years, 1 month ago](https://wordpress.org/support/topic/plugin-meteor-slides-changing-header-code-in-graphene-theme/#post-2745005) * I have created the child theme, activated it; but my modifications from my previous main theme were not imported, how do I make sure that they are also brought into this new child theme theme? * [Josh Leuze](https://wordpress.org/support/users/jleuze/) * (@jleuze) * [14 years, 1 month ago](https://wordpress.org/support/topic/plugin-meteor-slides-changing-header-code-in-graphene-theme/#post-2745006) * If you have already modified the parent theme, there’s no need to create a child theme. If you make all of your changes via a child theme and don’t touch the parent, then you can update the parent theme, but in your case you wouldn’t want to update the modified parent. * Thread Starter [learningevarsity](https://wordpress.org/support/users/learningevarsity/) * (@learningevarsity) * [14 years, 1 month ago](https://wordpress.org/support/topic/plugin-meteor-slides-changing-header-code-in-graphene-theme/#post-2745007) * Here is what my header.php from the orgininal site looks like: I want to know where to change in order to have the header of my site to be able to use the meteor slides code: * [Mod: Please use pastebin for more than ten lines of code [http://codex.wordpress.org/Forum_Welcome#Posting_Code](http://codex.wordpress.org/Forum_Welcome#Posting_Code)] * Thread Starter [learningevarsity](https://wordpress.org/support/users/learningevarsity/) * (@learningevarsity) * [14 years, 1 month ago](https://wordpress.org/support/topic/plugin-meteor-slides-changing-header-code-in-graphene-theme/#post-2745008) * Thanks for the previous feedback….sorry, I am so stressed, I even forget to thank you for your help!! * Thread Starter [learningevarsity](https://wordpress.org/support/users/learningevarsity/) * (@learningevarsity) * [14 years, 1 month ago](https://wordpress.org/support/topic/plugin-meteor-slides-changing-header-code-in-graphene-theme/#post-2745009) * Is this the correct way to use pastebin.com? [http://pastebin.com/nqxmVnj2](http://pastebin.com/nqxmVnj2) * My header.php is embedded there…thanks! * [Marventus](https://wordpress.org/support/users/marventus/) * (@marventus) * [14 years, 1 month ago](https://wordpress.org/support/topic/plugin-meteor-slides-changing-header-code-in-graphene-theme/#post-2745012) * > I want to know where to change in order to have the header of my site to be > able to use the meteor slides code. * Well, that depends on where you want to put it. The meteor slideshow code pasted above does not **prepare** your theme to use the plugin, it actually **inserts** the slideshow where the code is added. In order to determine where in your theme you want to show the meteor slideshow, you should really follow [JLeuze](http://wordpress.org/support/topic/plugin-meteor-slides-changing-header-code-in-graphene-theme?replies=5#post-2816376)‘ s advice. I would also add that you don’t necessarily need to use Firebug (Firefox browser), since you can use the Code Inspector of the browser of your choice. If all this is too complicated, you can try to take a screenshot of your site, mark the location where you want the slideshow inserted, upload the image to [Imagebin](http://imagebin.org) (look for the “add your image now” link at the bottom of the page) and paste the image link (like you did with Pastebin) here so that we can see it and tell you where in your theme to add it. * [Josh Leuze](https://wordpress.org/support/users/jleuze/) * (@jleuze) * [14 years, 1 month ago](https://wordpress.org/support/topic/plugin-meteor-slides-changing-header-code-in-graphene-theme/#post-2745015) * Thanks for sharing some more info, I am guessing you want to replace the large banner in your header with a slideshow? Try updating your header.php file with this code: [http://pastebin.com/GGeM16TE](http://pastebin.com/GGeM16TE) * Thread Starter [learningevarsity](https://wordpress.org/support/users/learningevarsity/) * (@learningevarsity) * [14 years, 1 month ago](https://wordpress.org/support/topic/plugin-meteor-slides-changing-header-code-in-graphene-theme/#post-2745026) * Hi JLeuze, thank you for your continued assistance. The solution worked; but as usual, something else is wrong. When I place the mouse on the slide Header, the header moves downwards. Check it on: [http://www.learningevarsity.com](http://www.learningevarsity.com). Thanks. * [Josh Leuze](https://wordpress.org/support/users/jleuze/) * (@jleuze) * [14 years, 1 month ago](https://wordpress.org/support/topic/plugin-meteor-slides-changing-header-code-in-graphene-theme/#post-2745027) * Add this to your theme’s stylesheet to fix that issue: * ``` .meteor-slides.navhover ul.meteor-nav { display: inline !important; } ``` * Thread Starter [learningevarsity](https://wordpress.org/support/users/learningevarsity/) * (@learningevarsity) * [14 years, 1 month ago](https://wordpress.org/support/topic/plugin-meteor-slides-changing-header-code-in-graphene-theme/#post-2745029) * Hi Jleuze, u r a star…!!!That worked that magic….thank you once again. * [Josh Leuze](https://wordpress.org/support/users/jleuze/) * (@jleuze) * [14 years, 1 month ago](https://wordpress.org/support/topic/plugin-meteor-slides-changing-header-code-in-graphene-theme/#post-2745031) * You’re welcome! Viewing 15 replies - 1 through 15 (of 17 total) 1 [2](https://wordpress.org/support/topic/plugin-meteor-slides-changing-header-code-in-graphene-theme/page/2/?output_format=md) [→](https://wordpress.org/support/topic/plugin-meteor-slides-changing-header-code-in-graphene-theme/page/2/?output_format=md) The topic ‘[Plugin: Meteor Slides] Changing Header Code in Graphene Theme’ is closed to new replies. * ![](https://s.w.org/plugins/geopattern-icon/meteor-slides_0f131a.svg) * [Meteor Slides](https://wordpress.org/plugins/meteor-slides/) * [Frequently Asked Questions](https://wordpress.org/plugins/meteor-slides/#faq) * [Support Threads](https://wordpress.org/support/plugin/meteor-slides/) * [Active Topics](https://wordpress.org/support/plugin/meteor-slides/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/meteor-slides/unresolved/) * [Reviews](https://wordpress.org/support/plugin/meteor-slides/reviews/) * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 17 replies * 3 participants * Last reply from: [Josh Leuze](https://wordpress.org/support/users/jleuze/) * Last activity: [14 years, 1 month ago](https://wordpress.org/support/topic/plugin-meteor-slides-changing-header-code-in-graphene-theme/page/2/#post-2745036) * Status: resolved